WordPress:DUX主题修改,顶部添加彩色美化条的方法
文章目录
- 一、添加方法
这几天看到好几个站顶部都有彩条,喜欢的小伙伴们也可以拿去装饰自己的站点。在老夜博客找到了适用于DUX主题的修改方法,如下:
一、添加方法
1、一般主题
仅需添加下面的CSS代码即可
/* 顶部边栏加横条美化*/ /*----www.yeyulingfeng.com----*/ background:url(图片链接或者路径) repeat-x scroll 0 100%;
上述代码并不适合DUX主题,
挑选好合适的CSS代码后后添加至主题目录下的style.css文件中
如果是dux主题用户则需要添加至main.css文件中!
2、dux主题CSS代码:
/* 顶部边栏加横条美化*/ /*----www.yeyulingfeng.com----*/ .header { background: #fff url('https://www.heyunzy.com/wp-content/uploads/2020/10/a752f-006VCrUsgy1fjmflvz3z7j30ag0040pv.jpg') repeat-x 0 100%;//此处应替换为对应网站的图片链接 }
图片文件下载:
静态图片
地址: https://www.heyunzy.com/wp-content/uploads/2020/10/a752f-006VCrUsgy1fjmflvz3z7j30ag0040pv.jpg
动态滚动图片:
地址: https://www.heyunzy.com/wp-content/uploads/2020/10/546ad-006VCrUsgy1fjmflwl7rog30ag004dfs.gif
可以将图片下载上传至网站目录也可以直接用上面的新浪图床外链,CSS样式大家也可以根据自己喜好更改,网站文件修改前记得先备份将要修改的文件以保障数据安全。
下载说明:
1、本站资源都是白菜价出售,同样的东西,我们不卖几百,也不卖几十,甚至才卖几块钱,一个永久会员能下载全站100%源码了,所以单独购买也好,会员也好均不提供相关技术服务。
2、如果源码下载地址失效请/联系站长QQ进行补发。
3、本站所有资源仅用于学习及研究使用,请必须在24小时内删除所下载资源,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担。资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您权益请联系本站删除!
4、本站站内提供的所有可下载资源(软件等等)本站保证未做任何负面改动(不包含修复bug和完善功能等正面优化或二次开发);但本网站不能保证资源的准确性、安全性和完整性,用户下载后自行斟酌,我们以交流学习为目的,并不是所有的源码都100%无错或无bug;同时本站用户必须明白,【源码源码ui网】对提供下载的软件等不拥有任何权利(本站原创和特约原创作者除外),其版权归该资源的合法拥有者所有。
5、请您认真阅读上述内容,购买即以为着您同意上述内容。
EB站 » WordPress:DUX主题修改,顶部添加彩色美化条的方法
1、本站资源都是白菜价出售,同样的东西,我们不卖几百,也不卖几十,甚至才卖几块钱,一个永久会员能下载全站100%源码了,所以单独购买也好,会员也好均不提供相关技术服务。
2、如果源码下载地址失效请/联系站长QQ进行补发。
3、本站所有资源仅用于学习及研究使用,请必须在24小时内删除所下载资源,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担。资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您权益请联系本站删除!
4、本站站内提供的所有可下载资源(软件等等)本站保证未做任何负面改动(不包含修复bug和完善功能等正面优化或二次开发);但本网站不能保证资源的准确性、安全性和完整性,用户下载后自行斟酌,我们以交流学习为目的,并不是所有的源码都100%无错或无bug;同时本站用户必须明白,【源码源码ui网】对提供下载的软件等不拥有任何权利(本站原创和特约原创作者除外),其版权归该资源的合法拥有者所有。
5、请您认真阅读上述内容,购买即以为着您同意上述内容。
EB站 » WordPress:DUX主题修改,顶部添加彩色美化条的方法