调整了导航及评论样式

再次对现在主题做了些样式的调整,个人感觉效果还是有所提升,不知道各位同学怎么看:

一、导航样式

dh1.jpg dh2.jpg

由原来的两重边框,调整为现在的margin-top:10px,改变还是非常明显的。(总算把老早就看不顺眼的导航改了……)

二、评论回复样式

pingl1.jpg

(原5层嵌套样式)

pingl2.jpg

(现5层嵌套样式)

由原来主回复和子回复一样的样式,调整为把子回复的头像、时间添加display:none属性,明显地区别了两者,另外直观的效果就是大幅缩短了评论部分的长度。

另外,部分童鞋也知道,我现在的主题是以SimpleG为框架修改而来的。虽说我也独立命名发布了Simple-Lines,但始终是修改而来的,所以近段时间正在基于强大的sandbox主题框架移植现在的主题,而且听说sandbox是非常非常强大的,所以我边移植边在了解它的结构和一些功能。下个真正意义上的原创主题Simple-Lines,应该会出现,不过时间上嘛,真不好说……

现在有很多想法,比如给主题添加后台设置页,然后发布一个基本的主题+功能加强包,会附带多款插件专用美化版……想法多多,就是没个头,还有很多东西自己也从没接触过,所以说,不急不急,一步一步,终有一天此主题会出来滴! ^_^

主机格调
  1. 沙发!这样导航栏感觉就是你故意的了,呵呵

    • @zwwooooo 不是故意,是非常非常非常的有意!呵呵

      • 呵呵,细节很重要,我很懒,很少修改细节处……所以我折腾的主题也就一直这样放着……

        • 万戈
          九月 6, 2009 06:20:6

          再套一层试试

          这样就看不到回复的时间了耶

          • kangzj
            九月 6, 2009 10:45:10

            404了,你是不是改了POST的地址了?

          • @万戈 嘻嘻,子回复的时间和头像display:none,还行吧?

  2. 很喜欢这个主题简约的风格,等有机会换到自己的blog上试试:)

    对了,顺便问一下,你这个图片放大用的是哪个插件啊?lightbox 跟slimbox都不是这个效果~ 谢谢:)

      • 嗯,谢谢:)

        我试了几个highslide的插件,都是给图片加边框而不是阴影~~

        Picasa image express只能是在后台写文章才有用吧?如果用Windows Live Writer就不行了是吗?

        对了, picasaweb国内现在解封了吗?

        • @禾水螺 恩,后台的,WLW的不清楚了哦。还没解封呢,改host继续用~嘻嘻

  3. @kangzj 应该是主机的关系吧,这几天服务器在调整,哎……

  4. laofan
    九月 6, 2009 22:17:22 #4

    你又在折腾了呀

    • @laofan 对丫丫,折腾得还不错吧?

  5. 越折腾越好看,我就喜欢折腾

    • @goldapple 哈哈,折腾是一种生活态度!

  6. Eleven
    九月 7, 2009 01:50:1 #6

    博克标题的一排木 像小朋友手拉手 哈哈

    • @Eleven 哈,你这么一说,还真是~5个木又多了一种含义啦,嘻嘻~

  7. 老饕
    九月 7, 2009 12:34:12 #7

    呵呵,我也要折腾主题!

    • @老饕 鼓励,非常支持!

  8. Mr.Sam
    九月 7, 2009 12:48:12 #8

    好深的嵌套。哈哈。

    我喜欢导航那个效果。很清楚。

    • @Mr.Sam 现在开10层嵌套也没问题哦~呵呵

      • Mr.Sam
        九月 7, 2009 21:58:21

        第三层开始测试,有志之士麻烦顶到10层,谢谢合作。

  9. Jutoy
    九月 7, 2009 13:04:13 #9

    挺有特色的~

    喜欢这个嵌套效果~

    • @Jutoy 嘻嘻,多谢支持哦~

  10. 这个修改得真不错,和虫下米的回复差不多了。另外,宁波真是一个养人的好地方。。。

    • @短歌行 嘻嘻,宁波住住人还是很舒服的!

  11. 哈哈,整的跟摆积木似的!

    评论整的跟网易似的

    • @卢松松 好像是有点像积木哦,一杠一杠的……

  12. OKHeng
    九月 8, 2009 18:47:18 #12

    哈哈,刚刚放假回来,谢谢你提供的ICON最新下载地址了。

    现在评论框改得不错,似乎欧没发现导航条有什么变化咕~~(╯﹏╰)b

  13. OKHeng
    九月 8, 2009 18:49:18 #13

    我的Picasa啊,多久才会解封啊,偶以前的文章都是PICASA的,~~~~(>_<)~~~~

  14. OKHeng
    九月 8, 2009 18:50:18 #14

    如果没有雅黑字体,你的博客和我的博客都一样很难看(⊙o⊙)哦,毛边很严重的。

  15. OKHeng
    九月 8, 2009 18:51:18 #15

    林木木现在的图片还是Picasa的吧,怎么跳转的?

  16. OKHeng
    九月 8, 2009 18:52:18 #16

    闲来无事,再灌一贴。雅蠛蝶…… 奴家有礼了~

  17. OKHeng
    九月 8, 2009 18:52:18 #17

    其实我是一个纯洁的人~大家都这么说。

  18. OKHeng
    九月 8, 2009 18:53:18 #18

    哈哈,我成灌水先锋了。

  19. OKHeng
    九月 8, 2009 18:54:18 #19

    blog.pcstr.com,我的这个主题是胡戈戈的,我修改了一下,感觉很纯洁很简洁,你给点意见吧。

    • @分享联盟 呵呵,多谢支持!

  20. 这个界面听简洁的,很清爽!

  21. 阿东
    九月 9, 2009 13:18:13 #22

    博客很清爽。。。不错哦。。这个主题是你自己做的吗。。

    导航移上去往下沉。。效果很明显。。GOOD..

    • @阿东 自己写的CSS,多谢支持啦!

  22. Leo.N
    九月 9, 2009 13:24:13 #23

    现在这个嵌套回复比较漂亮!

    • @Leo.N 呵呵,看来这次改得还不错,多谢支持啦!

  23. 奋飞
    九月 9, 2009 15:42:15 #24

    厉害,厉害,

    我只有看看的份啊

    • @奋飞 嘻,我也是这么多看多看看会的,有兴趣就好!

  24. Justice
    九月 9, 2009 18:20:18 #25

    嵌套回复的话是不是能不要加@了?我觉得好像会更清楚一点…

    • @Justice 加@主要是为了邮件评论回复通知哦,主要我回复你就会发邮件到你的邮箱里拉~

      • 晕了,又错别字了。这样你就会收到邮件通知,你的评论有回复了~

        • 我知道…其实应该可以改下的, comment_parent可以得到上一级comment的id。不过这个改起来比较麻烦了貌似。

          • @Justice 对这些深层次的PHP代码就不懂了哦……

  25. OKHENG
    九月 9, 2009 20:53:20 #26

    木木同学,我的主题发布了,快来围观……

    blog.pcstr.com/wordpress-theme-okheng.html

    • @OKHENG 围了,也观了,坐了个沙发,支持了!修改也是一种创新!

  26. 我在许昌的一个网吧向你汇报:IE6下,导航栏没有效果。

    • @妖狐闪现 恩,IE6没效果的,不过也没错位。已经无视IE6了,正在考虑给IE6访问用户个特殊的“欢迎页”来着~

  27. xiamier
    九月 12, 2009 19:31:19 #28

    您的博客的确很漂亮,很喜欢这种风格。

    • @xiamier 多谢这位朋友的支持,我会继续努力~~

  28. Ever
    九月 12, 2009 19:55:19 #29

    是的

    IE6下无法实现..

    公司用VISTA,可以看到效果哦

    • @Ever IE6对margin属性是与众不同的,当然还有好多其他的规范的CSS2属性,省的折腾自己还不如直接无视!呵呵

    • 看看现在的调整过的样式怎样?

  29. 小奎
    一月 1, 2010 17:05:17 #31

    :cry: 我是WP 新手…
    折騰了好久還是不知道…
    margin-top:10px
    怎麼用…

  30. airmax90
    八月 27, 2010 17:37:17 #32

    木木很有创新精神哦,小窝搞的很不错呢

发表评论

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

*


您可以使用这些 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="">