城南博客网站顶部添加彩条教程[wordpress美化教程]

城南博客网站顶部添加彩条教程

城南博客网站顶部添加彩条教程[wordpress美化教程]

本教程来自城南博客,很多博客顶部导航下面都有一条彩色横条好看,今天就来分享给大家。喜欢的小伙伴们也可以拿去装饰一下自己的站点。

*效果图:

城南博客网站顶部添加彩条教程[wordpress美化教程]-度崩网-几度崩溃

如何添加:

一般主题:

 css样式代码添加到 后台-外观-自定义 里的额外css里或添加到主题的样式表(style.css)文件里。

/* 顶部彩条美化*/
background:url(//此处应替换为对应网站的图片链接//) repeat-x scroll 0 100%;

DUX主题:
DUX一直都走的是比较独特的风格,有时候网上的教程也不是很适用于DUX主题。这时候就有些麻烦了。以下代码来自老夜。
如果是dux主题用户则需要将以下代码添加至main.css文件中

/* 顶部彩条美化*/
.header {
background: #fff url('//此处应替换为对应网站的图片链接//') repeat-x 0 100%;	
}

图片链接:

静态:

城南博客网站顶部添加彩条教程[wordpress美化教程]-度崩网-几度崩溃

链接:

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

动态:

城南博客网站顶部添加彩条教程[wordpress美化教程]-度崩网-几度崩溃

链接:

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

 

原文地址:http://www.cn2333.cn/79.html

给TA打赏
共{{data.count}}人
人已打赏
WordPress教程

wordpress怎么开发添加中文简繁转换功能[wordpress建站教程]

2020-5-7 15:32:52

WordPress教程

怎么将qrcode.js生成二维码添加到网站上?[wordpress开发教程]

2020-5-9 13:19:16

本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策。若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
⚠️
本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策
若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索