ZenOven's Archivers

From zenoven on 2009-11-16 23:05:54

CSS背景属性之改造iNove主题

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);
}

查看完整版本: CSS背景属性之改造iNove主题

From 天缘博客 on 2009-11-17 00:04:32

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

From zenoven on 2009-11-17 00:06:52

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

From Louis Han on 2009-11-17 01:23:58

呵呵 你可真是大刀阔斧啊

From zenoven on 2009-11-17 01:38:49

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

From 万戈 on 2009-11-17 08:18:24

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

From huahua on 2009-11-17 09:07:28

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

From huahua on 2009-11-17 09:07:57

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

From 吓我一跳 on 2009-11-17 10:26:03

使用inove主题的朋友真多啊

From zenoven on 2009-11-17 10:31:05

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

From zenoven on 2009-11-17 10:32:39

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

From zenoven on 2009-11-17 10:39:58

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

From 卢松松 on 2009-11-17 21:36:49

现在你改的满意吗?

From zenoven on 2009-11-17 21:51:06

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

From CSS背景属性之改造iNove主题 | 极数博客 on 2009-11-28 14:13:15

[...] [阅读全文...] [...]

Tags: CSS, iNove主题, 修改, 背景属性


©ZenOven