威言威语
我愿像茶,苦涩留心,清香予人。
威言威语
当前位置: 首页 > 设计 > 正文

网站全新改版『千变万化』for PJBlog

设计了一套全新的PJBlog主题,颠覆了以往PJBlog主题单一的境地,使用了很多效果,超级个性
网站全新改版『千变万化』for PJBlog

今天是2009年4月22日,2年的今天我用PJBlog建立了这个网站。

其实这次换界面没有想到这个日子,只是今天突然发现的,是不是冥冥中注定的呢,呵呵。

到目前为止,网站基本更新完毕,可能还有些小问题等待发现。

修改方法:重磅推出PJBlog个性皮肤『千变万化』(博客背景切换功能)

皮肤的自由切换,在很早之前就在PJBlog论坛是谈到了,现在也有几个朋友研究出来,其实我不怎么喜欢修改源文件,升级起来有点麻烦,所以以前设计的皮肤一般都是不修改源文件,有些效果也是尽量用CSS来实现,当然想要复杂效果的这些肯定是不够的,这次改版用到了一些JS脚本,比如顶部竖形导航背景就可以有不同的背景颜色。

『千变万化』for PJBlog

导航竖形效果

导航竖形效果沿用的是以前设计的『北京奥运』皮肤的导航效果;同时也使用的横形导航,横竖结合,千变万化!横形导航花了一些时间才搞定好,各个浏览器下的兼容问题测试好久,兼容了所有主流浏览器。最后还是万恶的IE6早点消失吧。

『千变万化』for PJBlog

导航横形效果

『千变万化』for PJBlog

顶部导航整体效果

皮肤切换是用正则匹配来调用的不同皮肤文件下的CSS,这些文件夹的名字已经小小的加密下,也希望高手暂时手下留情,不要盗用这款皮肤,适当时候我会发布的。皮肤切换按钮位于右上角,除IE6下都是固定在浏览器的右上角,IE6下只能定在页面的右上角,想切换必须先回到顶部。

『千变万化』for PJBlog

顶部皮肤切换按钮

对于日历,添加的一个小小的效果,就是显示当月的数字背景。这个效果是在LBS上看到了,而PJBlog上好像没有,就把他加进来了。

『千变万化』for PJBlog

日历显示当月的数字背景效果

博客底部添加返回顶部按钮,不是一下子就要顶,有一段向上滑行的过程,感觉不错。

『千变万化』for PJBlog

滑行返回顶部按钮

界面更新告一段落了,接下来就是查找细节问题,解决问题!

『千变万化』for PJBlog

博客界面整体效果

您可能还会对这些文章感兴趣!

网站全新改版『千变万化』for PJBlog:目前有 7 条评论

  1. zsk
    7楼
    zsk:Google Chrome 11.0.696.57 GNU/Linux

    请问logo在那里改啊 这皮肤!

    William 于 2009-07-03 00:35 AM 回复

    PSD文件里面可以修改~

    2009-07-02 03:44 回复
  2. Claymore
    6楼
    Claymore:Internet Explorer 8.0 Windows 7

    呵呵,这宽风格不错.

    William 于 2009-05-05 11:03 PM 回复

    2009-05-05 20:00 回复
  3. 情留メ蚊子
    5楼
    情留メ蚊子:搜狗高速浏览器 Windows XP

    打劫一点技术。颜色变换的 不介意吧?

    William 于 2009-05-04 09:34 PM 回复

    呵呵,其实也没有什么技术啦,当然不介意啦!

    2009-05-04 20:34 回复
  4. 汤博客
    4楼
    汤博客:Google Chrome 20.0.1132.57 Windows XP

    不错。今天我到此一逛,望回访www.AD.cn

    William 于 2009-04-28 12:23 AM 回复

    不要随便哪里都是AD,好博客自然会去看!

    2009-04-27 14:23 回复
  5. ccbikai
    地板
    ccbikai:Google Chrome 18.0.1025.168 Windows 7

    什么时间发布?

    William 于 2009-04-28 12:23 AM 回复

    过一些时间,要整理一下,改了些源文件。。。

    2009-04-27 13:07 回复
  6. 对影楼阁
    板凳
    对影楼阁:360安全浏览器 Windows 7

    很不错哦,坐地板了。。

    2009-04-24 23:26 回复
  7. 阿梁
    沙发
    阿梁:Google Chrome 29.0.1547.57 Mac OS X  10.8.4

    站长真牛,太漂亮了,祝贵站越办越红火!

    William 于 2009-04-24 11:27 PM 回复

    谢谢夸奖!

    2009-04-24 02:00 回复

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

gravatar

question razz sad smile redface biggrin eek shock confused cool lol mad rolleyes wink cry