新主题和 CSS 问题
July 28th, 2008 at 09:32pm 雪山飞猪 浏览: 899
今天把主题修改了下，主要就是把 head 图片换张新的，原来的猪好久了，没有鲜新感了，不好看了，换头新的猪，哈哈。然后把侧边栏加大一点，为什么这么干？这样可以多放点广告，给晨晨多赚钱奶粉钱，虽然现在还没有人找我投放广告，但是我相信会有的，哈哈！ 
在把侧边栏加宽的之后，发现侧边栏的分类和友情链接列表太窄了，非常不协调，于是乎就把它改成两栏，代码如下：
#subcontent ul.categories li{ list-style-image:url(images/categories.gif); width:100px; float:left; margin:2px 0 2px 18px; }
但是发现在 IE7 中，List-type-image 的图片不会显示出来，于是 Google 之，发现在 IE 中，float 和list-style-image 不兼容，建议使用 background-image 来代替，修改之后的代码如下：
#subcontent ul.categories li{ background:url(images/categories.gif.gif) no-repeat center left; list-style:none; width:100px; float:left; margin:2px 0 2px 0; padding-left:18px; }
作者：雪山飞猪
原文链接：新主题和 CSS 问题
我爱水煮鱼版权所有，转载时必须以链接形式注明作者和原始出处及本声明。
1. 阿里 | July 28th, 2008 at 10:12 pm
[回复该留言]
2. 望月 | July 28th, 2008 at 10:16 pm
可爱是可爱，可是这个banner也太大了些吧，以前的我觉得比较合适。
[回复该留言]
3. 漫步 | July 28th, 2008 at 10:20 pm
友情支持一把
[回复该留言]
4. underone | July 28th, 2008 at 10:32 pm
这个猪太可爱了。。。
但是猪吃鱼这事。。。实在不能理解！
[回复该留言]
童话里都是骗人的
[回复该留言]
5. 大猫 | July 28th, 2008 at 10:35 pm
IE和FF下列表的padding margin的默认值不一样….要初始化下
list-style-image也不大愿意用…确实用background更好使
[回复该留言]
6. Bodhi | July 28th, 2008 at 10:39 pm
你该换成……雪山飞牛，这爸爸做得太辛苦了，奶粉都得你来出~~
[回复该留言]
7. evan | July 28th, 2008 at 10:41 pm
一般习惯上都会将list-style这个属性设置为none的，有些浏览器将list-style-position默认为inside,有些为outside，so 大多数情况下想自定义那个icon都会用background来实现。
有空研究一下这个到底是触发了ie的啥bug，估计有可能是haslayout的问题。
[回复该留言]
8. nAODI | July 28th, 2008 at 10:52 pm
好可爱的新banner
是denis画的咩？
[回复该留言]
朋友帮忙画的，我不会画画！
[回复该留言]
9. 長生天 | July 28th, 2008 at 11:02 pm
第一印象 Kswiss
第二印象 Adidas
[回复该留言]
10. bssn | July 28th, 2008 at 11:20 pm
恩，比以前好看了。
[回复该留言]
11. Jinwen | July 28th, 2008 at 11:36 pm
图片是可爱。但侧栏是有点大了。
[回复该留言]
12. oxygen | July 28th, 2008 at 11:40 pm
Banner 很 Nice
[回复该留言]
13. 老N | July 28th, 2008 at 11:59 pm
那头猪不错
[回复该留言]
14. 睡到自然醒blog | July 29th, 2008 at 12:27 am
确实比老猪好看
[回复该留言]
15. edger | July 29th, 2008 at 6:22 am
博主对画猪貌似特别擅长画猪~~
[回复该留言]
16. Lucy | July 29th, 2008 at 8:27 am
我的主题作者
有一个WP-MulticolLinks插件可用，可以双栏甚至多栏Links。
http://www.fighton.cn/plugins/
[回复该留言]
17. Dickey | July 29th, 2008 at 8:50 am
以前那个确实好久了，改得蛮有新鲜感，很可爱的猪猪。
[回复该留言]
18. 虫儿飞 | July 29th, 2008 at 8:55 am
可爱的猪猪，不过首页那个抓虾的标志移位了，在IE6下。
[回复该留言]
19. 猪头 | July 29th, 2008 at 9:19 am
不错，很cute的感觉
[回复该留言]
20. owen | July 29th, 2008 at 9:24 am
不错，挺有活力的
[回复该留言]
21. Poshi | July 29th, 2008 at 9:45 am
漂亮的图~~
[回复该留言]
22. ruitao | July 29th, 2008 at 10:04 am
不错，这猪很有杀伤力
[回复该留言]
23. googlefish | July 29th, 2008 at 12:00 pm
羡慕呀,我现在都是在倒贴奶粉钱做网站.
[回复该留言]
24. 东明 | July 29th, 2008 at 12:41 pm
把那个搜索的框框变长点如何？
[回复该留言]
25. 黑色饼干 | July 29th, 2008 at 12:47 pm
呵呵，有点意思，猪钓鱼
[回复该留言]
26. stephen | July 29th, 2008 at 1:42 pm
我也想把我的友情链接换成两栏的，写CSS代码都没有成功～～～
[回复该留言]
27. 11 | July 29th, 2008 at 9:31 pm
嗯这个猪猪好
[回复该留言]
28. 天涯始之堕落 | July 30th, 2008 at 12:14 pm
呵呵，不错，看到改的以后的效果觉得比较惊艳啊，
不知能否把这个修改后的主题提供下？谢谢
[回复该留言]
不提供，不好意思！
[回复该留言]
呵呵，没事啊
谢谢
[回复该留言]