欢迎光临
我们一直在努力

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('http://tva3.sinaimg.com/large/006VCrUsgy1fjmflvz3z7j30ag0040pv.jpg') repeat-x 0 100%;//此处应替换为对应网站的图片链接
}

 图片文件下载:

静态图片

WordPress:DUX主题修改,顶部添加彩色美化条的方法

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

动态滚动图片:

WordPress:DUX主题修改,顶部添加彩色美化条的方法

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

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

 

About 辣椒

辣椒【声明】:站内所有资源均来自网络,由于网络资源安全性未知,使用前请自行甄别。本站从不强制任何人使用本站介绍的资源,如因自愿选择使用造成的损失自行承担!本博客若无意侵犯到您的权利,请及时与我们联系,我们将在48小时内删除侵权内容!

赞(0)
未经允许不得转载:辣椒资源网-专注互联网建站资源分享 » WordPress:DUX主题修改,顶部添加彩色美化条的方法
分享到: 更多 (0)
标签:

评论 抢沙发

8 + 7 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址