首页 » App » 新主题和 CSS 问题

新主题和 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 问题
我爱水煮鱼版权所有,转载时必须以链接形式注明作者和原始出处及本声明。

标签:

17fav 收藏本文

PR: 0 / del.ici.ous it / Technorati it

32 条评论 添加你的评论

  • 1. 阿里  |  July 28th, 2008 at 10:12 pm

    :mrgreen: 很可爱的猪猪。赞一个。发现还装了turbo加速。很好。不知为什么我的安装了并不能使用。IE提示有错误,’wp_turbo’未定义。为什么呢?

    [回复该留言]

  • 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

    这个猪太可爱了。。。
    但是猪吃鱼这事。。。实在不能理解!

    [回复该留言]

    dreamer reply on July 29, 2008:

    童话里都是骗人的

    [回复该留言]

  • 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

    你该换成……雪山飞牛,这爸爸做得太辛苦了,奶粉都得你来出~~ :twisted:

    [回复该留言]

  • 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画的咩?

    [回复该留言]

    雪山飞猪 reply on July 29, 2008:

    朋友帮忙画的,我不会画画!

    [回复该留言]

  • 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 :mrgreen:

    [回复该留言]

  • 13. 老N  |  July 28th, 2008 at 11:59 pm

    那头猪不错 :razz:

    [回复该留言]

  • 14. 睡到自然醒blog  |  July 29th, 2008 at 12:27 am

    确实比老猪好看 :)

    [回复该留言]

  • 15. edger  |  July 29th, 2008 at 6:22 am

    博主对画猪貌似特别擅长画猪~~ :lol:

    [回复该留言]

  • 16. Lucy  |  July 29th, 2008 at 8:27 am

    我的主题作者 :cool: 有一个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下。 :mrgreen:

    [回复该留言]

  • 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

    羡慕呀,我现在都是在倒贴奶粉钱做网站. :twisted:

    [回复该留言]

  • 24. 东明  |  July 29th, 2008 at 12:41 pm

    把那个搜索的框框变长点如何?

    [回复该留言]

  • 25. 黑色饼干  |  July 29th, 2008 at 12:47 pm

    呵呵,有点意思,猪钓鱼 :mrgreen:

    [回复该留言]

  • 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

    呵呵,不错,看到改的以后的效果觉得比较惊艳啊,
    不知能否把这个修改后的主题提供下?谢谢

    [回复该留言]

    雪山飞猪 reply on July 30, 2008:

    不提供,不好意思!

    [回复该留言]

    天涯始之堕落 reply on July 30, 2008:

    呵呵,没事啊
    谢谢

    [回复该留言]

发表评论

必须

必填,打死不公开

:mrgreen: :neutral: :twisted: :arrow: :shock: :smile: :???: :cool: :evil: :grin: :idea: :oops: :razz: :roll: :wink: :cry: :eek: :lol: :mad: :sad: :!: :?:

CelebrityPress — 创建你自己的娱乐杂志 中文 Dashboard 3.0


强烈推荐

PureCSS WordPress Theme 长期承接 WordPress 项目

订阅

本站推荐

分类

赞助商