再次调整小站导航及评论样式

几个月前《调整了导航及评论样式》,所以这次是“再次”了,有没有“再再次”那就不得而知咯~

导航栏方面,利用jquery给“margin-top:10px”添加了个速度和弹跳的效果,童鞋们可以把鼠标移到导航上体验下。代码方面个人考虑到主题差异太大,也就不单独写篇笔记了,聪明的同学可自行查看源代码及加载的JS。

navga1.jpg

评论样式是刚刚一下就调整好了,可恨的就是灵感酝酿的时间为两个月。不过还是该庆幸的,会来灵感有总比不会来好!

comments1.jpg

提醒:小站开启了嵌套回复即邮件通知,盖楼请适度)

这次调整个人非常满意,也更加符合这个主题的风格,简洁,强大!尤其是嵌套回复部分,采用了小头像,隐藏回复时间,最明显的是虚线分割,HOHO~~

就不知各位童鞋感觉咋样拉,尽情围观之~~

主机格调
  1. zwwooooo
    十一月 6, 2009 17:31:17 #1

    哈哈,看来你也爱上jQuery了

  2. zwwooooo
    十一月 6, 2009 17:33:17 #2

    诶?刚才是沙发啊!祝贺一下!说实在的嵌套评论的样式还真是难设计,新评论样式呢?

    • 不盖楼很普通,一盖楼效果就出现了~~Jquery的强大让我不得不爱上它呀!

  3. 浩子
    十一月 6, 2009 17:34:17 #3

    呵呵
    折腾的挺漂亮的哦
    评论盖楼是好看,但是越到后面你后边的越短啊,不怎么好~

    • 有层次关系的哦,再仔细观察观察?

      • 浩子
        十一月 6, 2009 17:53:17

        我来盖楼看看效果……

        • 恩,还好回复邮件通知设置的是不对我邮件通知的~~尽情盖吧~

  4. 杰子
    十一月 6, 2009 18:45:18 #4

    哥儿,为什么我在你的首页点击 关闭侧边栏以后,再进入一篇日记后,侧边栏又出现了?

    • Justice
      十一月 6, 2009 19:29:19

      没有加到cookie里面就会这样的吧~

  5. 万戈
    十一月 6, 2009 18:53:18 #5

    说实话,也没啥好不好的,不过经常换换样式很有新鲜感,这次评论的样式调整的就很不错,条理很清晰 :roll:

    • 嘻嘻,这次改得我自己也非常非常满意~

  6. 久酷
    十一月 6, 2009 19:11:19 #6

    木木加油,貌似最近折腾不少啊 :roll: :roll:

    • 恩,慢慢也适应了学习的强大,所以就多折腾些自己的东西咯。

    • 是没事儿找事儿折腾……

  7. 蛮好的效果,导航条有了动态效果,给人比较好的体验。

  8. A.shun
    十一月 6, 2009 19:13:19 #9

    更加简洁了。。连边框都没 :evil:

    • 边框还是有的,相比原来是简单多了!

  9. evlos
    十一月 6, 2009 19:35:19 #11

    :cry: 555 ~ 咱盖楼过度了 ~

    • 这才能展示出这个评论样式是多么的强大~~

      • evlos
        十一月 6, 2009 21:29:21

        哇 ~ 不错不错 ~ :cool:

    • 那是那是~~俺就不谦虚啦,哈哈

  10. 小超
    十一月 6, 2009 19:42:19 #13

    呵呵

    好好折腾吧

  11. evlos
    十一月 6, 2009 19:46:19 #14

    为什么鼠标指到我的名字上缩略主页是乱码啊? :cry: :cry:

    • 万戈
      十一月 6, 2009 21:08:21

      哈哈,因为你曾经乱码过

    • 正如万戈同学所说,你也可以手动截个200×150的缩略图发我哦~

      • evlos
        十一月 6, 2009 21:29:21

        好的 等下就截给你喔 ~ :grin:

        • 已帮你搞定!你看看,如果不好拿就自己发我哦~

      • evlos
        十一月 6, 2009 21:44:21

        饿 刚刚才看到你的回复 ~
        我前面已经发给你了 ~
        ————–
        呵呵 ~ 貌似浏览器缓存没刷新 ~
        暂时看不到 ~

        • 已收到,按下Ctrl F5就好了~

  12. Dianso
    十一月 6, 2009 22:33:22 #17

    最近你疯狂的搞JQUERY啊。

    发现评论区,欢迎回来,后面有乱码,[�����Ϣ]

    • 恩,刚刚整合到JS里了,没改编码被你看到,现在可以了。

      • Dianso
        十一月 7, 2009 12:29:12

        我也不知道,偶尔抽下吧,太不稳定了。

  13. 老饕
    十一月 6, 2009 23:30:23 #18

    看效果中~

  14. 老饕
    十一月 6, 2009 23:31:23 #19

    呵呵,回复还搞成小头像~~

    • 多谢支持,俺再接再厉~~

  15. 第一,图片自动阴影的效果,就是从你的主题的CSS代码学的,在此感谢。
    第二,诡异的是,你所有日志的发布时间,都是小时数和分钟数完全一致,不知道怎么搞的。
    第三,贵站在换了新域名后,貌似rss地址是从新域名之后开始计入,而从那个地址找不到09年6月前的老文章了,这还是比较可惜的。

    • 1,不支持CSS3的浏览器是米有效果地,比如IE……
      2,你不说我还真没注意,时间函数写错……
      3,换域名没对RSS处理过,直接是启用新的RSS地址,所以……
      PS:多谢支持 :grin:

  16. 铵铵
    十一月 7, 2009 03:52:3 #22

    :roll: 自主创新,哈哈.

  17. jquery 运用的很强大啊

    • 夸奖了,正在找更炫的效果中……

  18. DW
    十一月 7, 2009 10:19:10 #24

    留下脚印没有了啊,呵呵! :?:

    • 做调整评论样式,本地测试完就直接替换了……哈,又加上啦~

      • DW
        十一月 7, 2009 12:19:12

        木木,顺便问一下,怎么保持本地和网站的同步啊?麻烦不?

        • 同步?纯手工……本地搭建一个WordPress,然后调试,OK了,用FTP上传,就如此而已。

  19. Leo.N
    十一月 7, 2009 13:37:13 #25

    现在这个嵌套很清晰~

    • 对呀,效果一出来,我自己也满意了!

  20. 不知道为什么,我在你首页看到的是红叉,看不见图片

    • 图在墙外,要等全部加载完才显示出来的……

  21. 蓝冰
    十一月 7, 2009 14:47:14 #27

    好帅的导航啊~!~

    • 耍个酷而已,不是很实用……

  22. 更奇怪的是,我的是Maxthon调用的IE8.0,到这里怎么显示的是7.0??

    • 对遨游的判断貌似有误差,俺也米办法哦~

  23. 回憶
    十一月 7, 2009 16:56:16 #29

    評論樣式很錯錯,我喜歡! :cool:

  24. SErHo
    十一月 7, 2009 18:03:18 #30

    好cool啊

  25. 确实非常强大 欣赏一下

    • 这么强大,一下怎够内~~~

  26. 不得不说,这是小农所见过的最具动感的博客了,顶一下。博主再创高峰呀。

    • 谢谢谢,刚整上米有几天呢,大家抬举了! :lol:

  27. SATURN
    十一月 8, 2009 11:33:11 #34

    折腾无止境。

    • HOHO,就因为酷才折腾上的~~

  28. Hobo
    十一月 8, 2009 14:02:14 #37

    呵呵,效果挺好玩的

  29. Ray
    十一月 8, 2009 16:53:16 #38

    效果绝对帅气!!

  30. derek
    十一月 9, 2009 02:01:2 #39

    进来淘宝~~~
    很简洁很快的blog,比我的快多了

    • 国内的主机,MJJ的酋长的,很稳定服务也不错~

  31. happyet
    十一月 9, 2009 15:35:15 #40

    为什么google的相册你这里可以显示了。。。

      • happyet
        十一月 16, 2009 15:44:15

        能不能共享下方法?

        • 现在已被墙……方法搜一下绝对一大片!现在已无效……

  32. 这个博客主题太个性了牛人啊!

    • 夸奖啦……小弟继续努力~

  33. aisinvon
    十一月 10, 2009 16:31:16 #44

    你这博客修改得越来越不错了啊

  34. 迈尕
    十一月 10, 2009 19:09:19 #45

    勤奋的木木同学做出来的东西是非常强大的

    • 俺也是拿来主义,只是消化一下下然后又写出来给大家消化~~嘻

  35. 这回可找到一个好地方来学习了 :roll:

    • 都是些小玩意儿,拿去折腾折腾吧~

      • DW
        十一月 11, 2009 21:54:21

        侧边栏的效果很炫,木木全才啊 :roll:

        • 有参考资料的啦,自己凭空还是写不出来的~

  36. 导航样式不错啊。。。我的改了好久还是不会改。。。CSS菜呀我 :sad:

    • 刚开始的确不好改,熟悉就简单了1

  37. aunsen
    十一月 12, 2009 12:37:12 #48

    动态效果很炫呢,点击头像还有网站缩略图?

    • 恩,正在测试中,是willin大师的作品,稍后他就会发布的~

  38. 我只能说,用太多js和ajax会严重影响页面载入速度 :sad:

    • 本来就已经添加了jQuery库,也就不担心那几行代码了,个人觉得添加点小效果对加载速度的影响是完全可以忽略的!
      另外,这个主题大部分我已重写,结构和代码应该很容易看清!

      • http://jerrychen.me/654.orz
        我这里已经说明了。。
        现在我在犹豫,应不应该增加ajax效果?要是ajax的话就要好好利用这个机会(难得的无图主题),全站ajax!异步加载,嵌套回复。。等等,哈哈。。反正服务器带宽是自己的,不怕

        • 正在看《锋利的jQuery》,接下去俺也会考虑全站AJAX~~ :cool:

  39. 还有的就是,你的主题我收下了,实在找不到有什么简约而又容易自定义的主题。。

  40. 蓝冰
    十一月 12, 2009 20:50:20 #52

    嘿嘿,链接拿来。
    :lol: :grin:
    我要在这里挂上六维的标记,哼哼。

    • 小弟怕怕,这就挂上!

      • 蓝冰
        十一月 12, 2009 21:50:21

        嗯,你很配合。 :cool:

        • 那是!6v大哥发话,那有不配合之道理!

          • 蓝冰
            十一月 12, 2009 21:58:21

            哥很满意,以后会继续过来视察。 :arrow:

  41. 小松
    十一月 16, 2009 17:42:17 #53

    :???: 很好很强大,你就是不发源码..

  42. forind
    十一月 17, 2009 22:19:22 #54

    你的主题让我有点动心。。 :neutral:

    • 已经提交了WordPress主题站了呢!

      • forind
        十一月 18, 2009 11:21:11

        :grin: :grin: 提交的主题最新的样式都有咩?? :grin: :grin:

        • 最新的绝对是我正在使用的这个,提交的还没,不过整体样式都是一样的,我有空也会及时更新的!

          • forind
            十一月 18, 2009 12:23:12

            嘿嘿,那就先用不是最新的,然后期待最新的更新了。。
            要不你做个好淫,给我来一个最新的。。 :shock: :shock:

  43. 绝对的牛人!!!!!

    • 太夸张了,俺是正常人!

  44. Junan
    十一月 22, 2009 00:53:0 #56

    :grin: 如果可以发布出来就好了~~~羡慕死~~~好漂亮的效果~

    • 这个主题已经提交WordPress主题站了呀,评论样式也已更新了!

  45. Junan
    十一月 22, 2009 14:56:14 #57

    我想用我的主题加你这样的效果~~~请教下博主~~

    • 这个还真不好说,因为我不知道你对WordPress了解程度如何,不懂的,还不如我直接帮你搞定来得痛快(不过个人没那么多时间),懂的吧,请直接下载我提交至官网的主题,扒下相应的代码就行了!

  46. 杨涛
    十一月 23, 2009 17:09:17 #58

    既然来了~必须留下脚印~

  47. 问下木木,怎么去掉评论里的日期啊?

    • 最简单的办法,用CSS在这个属性里 .commentmetadata{display: none;}

        • 我很多东西就是这样隐藏的,对搜索也不影响,只是不前天显示而已,源码里还是可以看到的!

          • 我又稍微的山寨了下….

  48. 北街
    一月 8, 2010 18:21:18 #61

    木木,你的站看着特舒服!赞! :roll:

  49. 嵌套回复本身的缺陷就是,当你回复到N条的时候……==额,不敢想象……

  50. jooey
    四月 6, 2010 09:40:9 #63

    发布的这个版本是不是不是这个效果啊? :cry:

    • 发布是不带JS特效的,超简洁实用的~

发表评论

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

*


您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">