当前位置: 首页 > 设计 > 正文
avatar

设计了一套全新的PJBlog主题,颠覆了以往PJBlog主题单一的境地,使用了很多效果,超级个性

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

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

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

修改方法:http://www.weisay.com/blog/pjblog-personality-theme-ever-changing.html

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

导航竖形效果

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

导航横形效果

顶部导航整体效果

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

顶部皮肤切换按钮

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

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

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

滑行返回顶部按钮

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

博客界面整体效果

本文固定链接: http://www.weisay.com/blog/ever-changing-for-pjblog.html | 威言威语

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

  1. avatar
    7楼
    zsk.name Unknow Browser Unknow Os

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

    William 于 2009-07-03 00:35 AM 回复
    PSD文件里面可以修改~

    2009-07-02 03:44 [回复]
  2. avatar
    6楼
    Claymore Unknow Browser Unknow Os

    呵呵,这宽风格不错.

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

    2009-05-05 20:00 [回复]
  3. avatar
    5楼
    情留メ蚊子 Unknow Browser Unknow Os

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

    William 于 2009-05-04 09:34 PM 回复
    呵呵,其实也没有什么技术啦,当然不介意啦!

    2009-05-04 20:34 [回复]
  4. avatar
    4楼
    汤博客 Unknow Browser Unknow Os

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

    William 于 2009-04-28 12:23 AM 回复
    不要随便哪里都是AD,好博客自然会去看!

    2009-04-27 14:23 [回复]
  5. avatar
    地板
    ccbikai Unknow Browser Unknow Os

    什么时间发布?

    William 于 2009-04-28 12:23 AM 回复
    过一些时间,要整理一下,改了些源文件。。。

    2009-04-27 13:07 [回复]
  6. avatar
    板凳
    对影楼阁 Unknow Browser Unknow Os

    很不错哦,坐地板了。。

    2009-04-24 23:26 [回复]
  7. avatar
    沙发
    阿梁 Unknow Browser Unknow Os

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

    William 于 2009-04-24 11:27 PM 回复
    谢谢夸奖!

    2009-04-24 02:00 [回复]

发表评论

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

快捷键:Ctrl+Enter