WordPress 美化教程:大前端 dux主题或其它主题顶部添加彩色美化条

为wordpress博客主题顶部添加一个美化条,效果请看本站顶部。

喜欢的小伙伴们也可以拿去装饰自己的站点。

添加教程:
大部份wordpress主题仅需在主题目录下的style.css 里添加下面的CSS代码即可

/* 顶部边栏加横条美化*/ 
background:url('图片链接或者路径') repeat-x scroll 0 100%;

如果是大前端dux主题用户则需要添加至/css/main.css文件中,千万别搞错了!!!

dux主题CSS代码:

/* 顶部边栏加横条美化*/
.header {
background: #fff url('图片链接或者路径') repeat-x 0 100%;
}

图片文件下载:

静态图片

图片[1]-WordPress 美化教程:大前端 dux主题或其它主题顶部添加彩色美化条-蓝米兔博客

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


动态滚动图片:

图片[2]-WordPress 美化教程:大前端 dux主题或其它主题顶部添加彩色美化条-蓝米兔博客

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

补充:
可以将图片下载上传至网站目录也可以直接用上面的新浪图床外链,CSS样式大家也可以根据自己喜好更改,网站文件修改前记得先备份将要修改的文件以保障数据安全。

更多WordPress教程本站陆陆续续会继续分享出来,如有不足之处欢迎文章底部留言补充~~~

© 版权声明
THE END
喜欢就支持一下吧
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论