CSS背景属性之改造iNove主题

GD Star Rating
loading...

iNove的主题默认有个公告栏,我们可以方便的在这个主题里添加公告新闻之类的,但是遗憾的是没有图片修饰的公告栏比较难看,空空的,我便给他加了个小喇叭的图标,效果见本站首页导航栏下面。(CSS背景属性想必高手们都会了 此文针对我等小菜们 嘿嘿~~)

下面是iNove下style.cc中代码,搜索#notice 我的改为了如下代码

#notice {
 color:#080;
 padding-left:30px;
 margin-left:5px;
 font-size:15px;
 background:url(img/notice.gif) left no-repeat;
}

其中notice.gif可以从网上下载个,我感觉我现在的notice.gif还是不是我想要的,但是暂时还没找到更好的,凑合用吧。

另外用同样的方法我把以前在导航栏中用的首页链接的图片也换成用CSS背景显示

a#homeico  {
 display:block;
 margin:0;
 padding:25px;
 background:url(img/home.jpg);
}

已有14条评论 发表评论

  1. 引用通知: CSS背景属性之改造iNove主题 | 极数博客 /

  2. 卢松松 /

    现在你改的满意吗?

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      就是导航,还有那个横幅logo不是太满意哈。。。以后我还会改的嘿嘿~~ :(1):

      GD Star Rating
      loading...
  3. 吓我一跳 /

    使用inove主题的朋友真多啊

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      嗯 确实有不少,而且有的改了很多。。。

      GD Star Rating
      loading...
  4. huahua /

    这个不用改CSS吧,直接在主题选项里可以加图标。如: 这里写公告。

    GD Star Rating
    loading...
    1. huahua /

      我写了代码,只可惜评论里不会显示

      GD Star Rating
      loading...
    2. zenoven / 本文作者

      嗯?不明白哎。。。 :(1):

      GD Star Rating
      loading...
  5. 万戈 /

    想法很不错啊,支持一下 :(9):

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      :(1): 嘿嘿。。。没事折腾下WP

      GD Star Rating
      loading...
  6. Louis Han /

    呵呵 你可真是大刀阔斧啊

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      嘿嘿。。。随便改着玩呗,还能学到东西 :(1):

      GD Star Rating
      loading...
  7. 天缘博客 /

    看来博主真是个自由人啊,点滴记录都这么详细,看来我要学一点了。

    GD Star Rating
    loading...
    1. zenoven / 本文作者

      :(1): 嘿嘿。。。利己利人嘛,记下来没坏处~~

      GD Star Rating
      loading...

回复给天缘博客 取消回复