城南博客网站顶部添加彩条教程[wordpress美化教程]

城南博客网站顶部添加彩条教程[wordpress美化教程]

本教程来自城南博客，很多博客顶部导航下面都有一条彩色横条好看，今天就来分享给大家。喜欢的小伙伴们也可以拿去装饰一下自己的站点。

*效果图:

如何添加:

①一般主题:

 css样式代码添加到 后台-外观-自定义 里的额外css里或添加到主题的样式表(style.css)文件里。

/* 顶部彩条美化*/
background:url(//此处应替换为对应网站的图片链接//) repeat-x scroll 0 100%;

②DUX主题:
DUX一直都走的是比较独特的风格，有时候网上的教程也不是很适用于DUX主题。这时候就有些麻烦了。以下代码来自老夜。
如果是dux主题用户则需要将以下代码添加至main.css文件中

/* 顶部彩条美化*/
.header {
background: #fff url('//此处应替换为对应网站的图片链接//') repeat-x 0 100%;	
}

图片链接:

静态:

链接:

http://tva3.sinaimg.com/large/006VCrUsgy1fjmflvz3z7j30ag0040pv.jpg

动态:

链接:

http://tva2.sinaimg.com/large/006VCrUsgy1fjmflwl7rog30ag004dfs.gif

 

原文地址：http://www.cn2333.cn/79.html