调整了导航及评论样式

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

一、导航样式

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

二、评论回复样式

（原5层嵌套样式）

（现5层嵌套样式）

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

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

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

2009-09-05

zwwooooo
九月 5, 2009 23:10:23 #1

沙发！这样导航栏感觉就是你故意的了，呵呵

回复
- 林木木
  九月 5, 2009 23:25:23
  
  @zwwooooo 不是故意，是非常非常非常的有意！呵呵
  
  回复
  - zwwooooo
    九月 6, 2009 00:18:0
    
    呵呵，细节很重要，我很懒，很少修改细节处……所以我折腾的主题也就一直这样放着……
    
    回复
    - 万戈
      九月 6, 2009 06:20:6
      
      再套一层试试
      
      这样就看不到回复的时间了耶
      
      回复
      - kangzj
        九月 6, 2009 10:45:10
        
        404了，你是不是改了POST的地址了？
        
        回复
      - 林木木
        九月 6, 2009 11:17:11
        
        @万戈嘻嘻，子回复的时间和头像display:none，还行吧？
        
        回复
        
        happyet
        九月 7, 2009 10:00:10
        
        这个回复很好玩.
        
        回复
禾水螺
九月 6, 2009 07:13:7 #2

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

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

回复
- 林木木
  九月 6, 2009 11:22:11
  
  @禾水螺这个特效其实就是highslide图片显示特效，我用的是Picasa image express插件集成的， http://www.cisvi.com/bo/picasa-image-express-965/ ，另外还有一个能自动加上这个效果的插件，搜索下吧~
  
  回复
  - 禾水螺
    九月 6, 2009 18:45:18
    
    嗯，谢谢:)
    
    我试了几个highslide的插件，都是给图片加边框而不是阴影~~
    
    Picasa image express只能是在后台写文章才有用吧？如果用Windows Live Writer就不行了是吗？
    
    对了， picasaweb国内现在解封了吗？
    
    回复
    - 林木木
      九月 6, 2009 22:22:22
      
      @禾水螺恩，后台的，WLW的不清楚了哦。还没解封呢，改host继续用~嘻嘻
      
      回复
林木木
九月 6, 2009 11:18:11 #3

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

回复
laofan
九月 6, 2009 22:17:22 #4

你又在折腾了呀

回复
- 林木木
  九月 6, 2009 22:29:22
  
  @laofan 对丫丫，折腾得还不错吧？
  
  回复
goldapple
九月 6, 2009 22:20:22 #5

越折腾越好看，我就喜欢折腾

回复
- 林木木
  九月 6, 2009 22:34:22
  
  @goldapple 哈哈，折腾是一种生活态度！
  
  回复
Eleven
九月 7, 2009 01:50:1 #6

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

回复
- 林木木
  九月 7, 2009 21:45:21
  
  @Eleven 哈，你这么一说，还真是~5个木又多了一种含义啦，嘻嘻~
  
  回复
老饕
九月 7, 2009 12:34:12 #7

呵呵，我也要折腾主题！

回复
- 林木木
  九月 7, 2009 21:48:21
  
  @老饕鼓励，非常支持！
  
  回复
Mr.Sam
九月 7, 2009 12:48:12 #8

好深的嵌套。哈哈。

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

回复
- 林木木
  九月 7, 2009 21:48:21
  
  @Mr.Sam 现在开10层嵌套也没问题哦~呵呵
  
  回复
  - Mr.Sam
    九月 7, 2009 21:58:21
    
    第三层开始测试，有志之士麻烦顶到10层，谢谢合作。
    
    回复
Jutoy
九月 7, 2009 13:04:13 #9

挺有特色的~

喜欢这个嵌套效果~

回复
- 林木木
  九月 7, 2009 21:51:21
  
  @Jutoy 嘻嘻，多谢支持哦~
  
  回复
短歌行
九月 7, 2009 22:23:22 #10

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

回复
- 林木木
  九月 8, 2009 15:48:15
  
  @短歌行嘻嘻，宁波住住人还是很舒服的！
  
  回复
卢松松
九月 8, 2009 16:16:16 #11

哈哈，整的跟摆积木似的！

评论整的跟网易似的

回复
- 林木木
  九月 8, 2009 16:25:16
  
  @卢松松好像是有点像积木哦，一杠一杠的……
  
  回复
OKHeng
九月 8, 2009 18:47:18 #12

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

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

回复
OKHeng
九月 8, 2009 18:49:18 #13

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

回复
OKHeng
九月 8, 2009 18:50:18 #14

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

回复
OKHeng
九月 8, 2009 18:51:18 #15

林木木现在的图片还是Picasa的吧，怎么跳转的？

回复
OKHeng
九月 8, 2009 18:52:18 #16

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

回复
OKHeng
九月 8, 2009 18:52:18 #17

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

回复
OKHeng
九月 8, 2009 18:53:18 #18

哈哈，我成灌水先锋了。

回复
OKHeng
九月 8, 2009 18:54:18 #19

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

回复
- 林木木
  九月 8, 2009 19:09:19
  
  @OKHeng 先为OKHeng童鞋吼着“雅蠛蝶”支持小站，感到万分，泪横流呀~Picasa还未解封，暂时用的是Pika插件 http://www.storyday.com/html/y2009/2496_pika-released-plug-ins.html ，新主题很干净简洁，参考意见就是可以把分类添加到导航里，嘻嘻！有空加QQ41548682聊吧~
  
  回复
分享联盟
九月 8, 2009 22:05:22 #20

喜欢这种简洁的界面！

回复
- 林木木
  九月 8, 2009 22:45:22
  
  @分享联盟呵呵，多谢支持！
  
  回复
濯焰鸟
九月 8, 2009 22:06:22 #21

这个界面听简洁的，很清爽!

回复
- 志言堂
  九月 8, 2009 22:23:22
  
  我来测试一下
  
  回复
  - 志言堂
    九月 8, 2009 22:24:22
    
    测试的，呵呵
    
    回复
    - 林木木
      九月 8, 2009 22:47:22
      
      @志言堂测吧测吧，严重支持鼓励测~哈哈
      
      回复
      - 奋飞
        九月 9, 2009 15:42:15
        
        再试试，呵呵
        
        回复
        
        IMF8
        十月 27, 2009 15:25:15
        
        再测!
        
        回复
- 林木木
  九月 8, 2009 22:46:22
  
  @濯焰鸟恩，个人比较喜欢清爽的~
  
  回复
阿东
九月 9, 2009 13:18:13 #22

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

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

回复
- 林木木
  九月 9, 2009 15:39:15
  
  @阿东自己写的CSS，多谢支持啦！
  
  回复
Leo.N
九月 9, 2009 13:24:13 #23

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

回复
- 林木木
  九月 9, 2009 15:49:15
  
  @Leo.N 呵呵，看来这次改得还不错，多谢支持啦！
  
  回复
奋飞
九月 9, 2009 15:42:15 #24

厉害，厉害，

我只有看看的份啊

回复
- 林木木
  九月 9, 2009 15:47:15
  
  @奋飞嘻，我也是这么多看多看看会的，有兴趣就好！
  
  回复
Justice
九月 9, 2009 18:20:18 #25

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

回复
- 林木木
  九月 9, 2009 18:38:18
  
  @Justice 加@主要是为了邮件评论回复通知哦，主要我回复你就会发邮件到你的邮箱里拉~
  
  回复
  - 林木木
    九月 9, 2009 18:39:18
    
    晕了，又错别字了。这样你就会收到邮件通知，你的评论有回复了~
    
    回复
    - Justice
      九月 9, 2009 18:52:18
      
      我知道…其实应该可以改下的, comment_parent可以得到上一级comment的id。不过这个改起来比较麻烦了貌似。
      
      回复
      - 林木木
        九月 9, 2009 21:27:21
        
        @Justice 对这些深层次的PHP代码就不懂了哦……
        
        回复
OKHENG
九月 9, 2009 20:53:20 #26

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

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

回复
- 林木木
  九月 9, 2009 21:28:21
  
  @OKHENG 围了，也观了，坐了个沙发，支持了！修改也是一种创新！
  
  回复
妖狐闪现
九月 10, 2009 18:56:18 #27

我在许昌的一个网吧向你汇报：IE6下，导航栏没有效果。

回复
- 林木木
  九月 10, 2009 19:11:19
  
  @妖狐闪现恩，IE6没效果的，不过也没错位。已经无视IE6了，正在考虑给IE6访问用户个特殊的“欢迎页”来着~
  
  回复
xiamier
九月 12, 2009 19:31:19 #28

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

回复
- 林木木
  九月 12, 2009 23:18:23
  
  @xiamier 多谢这位朋友的支持，我会继续努力~~
  
  回复
Ever
九月 12, 2009 19:55:19 #29

是的

IE6下无法实现..

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

回复
- 林木木
  九月 12, 2009 23:10:23
  
  @Ever IE6对margin属性是与众不同的，当然还有好多其他的规范的CSS2属性，省的折腾自己还不如直接无视！呵呵
  
  回复
coolcfan-is-testing-the-width-of-gravatar
十月 23, 2009 09:41:9 #30

呃，为了明显一点儿，我故意写了个非常长的名字，你看看效果吧……

回复
- 林木木
  十月 23, 2009 10:21:10
  
  看看现在的调整过的样式怎样？
  
  回复
  - coolcfan-is-testing-the-width-of-gravatar
    十月 23, 2009 12:55:12
    
    对啦，就是这个意思地说。
    
    回复
    - 林木木
      十月 23, 2009 13:01:13
      
      我好强~~~YY中……
      
      回复
      - coolcfan-is-testing-the-width-of-gravatar
        十月 23, 2009 13:04:13
        
        先别YY哦～～～你再注意一个事儿哦～～～你用屏幕标尺比一下就知道了，你对我的评论的第一条回复和你对我楼上那人的回复，为什么没有对齐呢？应该是对齐的吧～
        
        回复
        
        林木木
        十月 23, 2009 15:22:15
        
        多谢指出，刚调了调，我看看好像行了……再帮忙看看？
        
        回复
      - coolcfan-is-testing-the-width-of-gravatar
        十月 23, 2009 16:10:16
        
        嗯，这回好了～哈哈，完美了～～
        对齐那里是怎么调的？
        
        回复
        
        林木木
        十月 23, 2009 17:21:17
        
        额，是CSS代码没写好，修改成这样 .commentmeta{float:left;margin:15px 10px 0;}
        其实只是把padding-bottom改成了0
        
        回复
      - coolcfan
        十月 23, 2009 21:50:21
        
        呵呵，我使用中的也改好了。
        
        回复
小奎
一月 1, 2010 17:05:17 #31

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

回复
- 林木木
  一月 1, 2010 17:14:17
  
  li a:hover{margin-top:10px} 意思是鼠标移到li标签上时，上外边距增加10px。都是些基本的CSS代码，可以去 http://www.w3school.com.cn/css/ 学习学习~
  
  回复
airmax90
八月 27, 2010 17:37:17 #32

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

回复

发表评论取消回复

对自己提前说声：节日快乐小站提速手记之 —— 按需加载 CSS

木木木木木

调整了导航及评论样式

发表评论 取消回复

发表评论取消回复