欢迎光临
我们一直在努力

WordPress DUX主题顶部添加彩色美化条

游手好闲的小编经常有事没事就去逛逛别人的博客,学到了不少但是也扒来了不少好东西。这不前几天看到好几个大站顶部都挂上了彩色灯笼,小编眼馋就又去扒源码了,然后又发现代码并不适用于目前所使用的dux主题,折腾捯饬了半天终于顺利的加了上去,但是没过几天因为太过“花哨”又给去了。这里就写个教程分享出来就当做个笔记了,喜欢的小伙伴们也可以拿去装饰自己的站点。

添加教程

一般主题仅需添加下面的CSS代码即可

/* 顶部边栏加横条美化*/ 
background:url('https://p1.toutiaoimg.com/origin/ffb70001ecae193a7764') repeat-x scroll 0 100%;

dux主题一直比较特立独行,另外网上的一些教程也不太适用于dux主题有时候非常令人蛋疼~~~

挑选好合适的CSS代码后后添加至主题目录下的style.css文件中,如果是dux主题用户则需要添加至main.css文件中,千万别搞错了!!!

dux主题CSS代码:

/* 顶部边栏加横条美化*/
.header {
	background: #fff url('https://p1.toutiaoimg.com/origin/1375b0001973b315ccfaf') repeat-x 0 100%;
}

 

WordPress DUX主题顶部添加彩色美化条-无痕哥's Blog

 

WordPress DUX主题顶部添加彩色美化条-无痕哥's Blog

 

WordPress DUX主题顶部添加彩色美化条-无痕哥's Blog

赞(2) 打赏
文章名称:WordPress DUX主题顶部添加彩色美化条
文章链接:https://www.wuhenge.com/2475.html
免责声明:本站为非盈利性站点,所发布的一切软件、补丁和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机等设备中彻底删除上述内容。如果您喜欢该内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
无痕哥 whg6.com

评论 1

  1. #1

    大佬多更点wordpress相关的文章吧~~

    蜗牛TV3年前 (2020-12-24)回复

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫

微信扫一扫

登录

找回密码

注册