提供免费源码,免费软件
分享免费技术文档
阿里去促销活动

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%;
}
图片文件下载:

静态图片

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


动态滚动图片:

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

补充:

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

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

 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:蓝米兔 » WordPress 美化教程:大前端 dux主题或其它主题顶部添加彩色美化条

分享到: 更多 (0)
腾讯云秒杀活动

评论 抢沙发

评论前必须登录!

立即登录   注册

切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活