顶部导航下方添加一个彩色横条 —— WordPress美化

2017年9月17日12:15:01 86 51,918

最近逛博客,发现吾爱自留地的顶部导航下面一条彩色横条好看,现在分享给大家。给你的WordPress博客添加一个彩色横条让你的网站多点色彩吧,代码来自诗梦博客的; css样式添加到后台,外观,自定义里的额外css里或添加到主题的样式表(style.css)文件里。

 

顶部导航下方添加一个彩色横条 —— WordPress美化

 

效果见本博客顶部导航下方(我用的是滚动的彩条)

 

顶部导航下方添加一个彩色横条 —— WordPress美化

  1. 图片链接:http://tu.ixianzong.com/image/20170917-caisetiao02.jpg

 

CSS样式

  1. background:url(图片链接) repeat-x scroll 0 100%;

 

Begin主题直接加下面的到自定义样式

 

此处为隐藏的内容!
发表评论并刷新,方可查看

 

顶部导航下方添加一个彩色横条 —— WordPress美化

 

  1. 图片链接:http://tu.ixianzong.com/image/20170917-caisetiao03.gif

 

PS:我用的是新浪外链的图片,如果你们要本地化图片的可以下载上图。

 

 

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!

发表评论取消回复

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:86   其中:访客  0   博主  0

    • 5 5 1 来自天朝的朋友 谷歌浏览器 Windows 7 河南省郑州市 联通

      在学习

      • user user 4 来自天朝的朋友 谷歌浏览器 Windows 10 河南省郑州市 联通

        具体在哪里设置啊

        • 顾喜木 顾喜木 0 来自天朝的朋友 搜狗浏览器 Windows 7 河南省郑州市 联通

          来看看

          • 稻草人 稻草人 1 来自天朝的朋友 谷歌浏览器 Windows 7 河南省郑州市 联通

            学习

            • WSDA WSDA 2 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省苏州市 电信

              这个教程太好了,完美极了·

              • WSDA WSDA 2 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省苏州市 电信

                啥玩意?评论还不能看?

                • 锟斤拷锟斤拷 锟斤拷锟斤拷 1 来自天朝的朋友 搜狗浏览器 Windows 7 陕西省西安市 电信

                  学习一下,谢谢;

                  • Kevin扬 Kevin扬 0 来自天朝的朋友 谷歌浏览器 Windows 10 江苏省苏州市 电信

                    感谢分享!

                    • 6666 6666 0 来自天朝的朋友 QQ浏览器 Windows 7 浙江省杭州市 电信

                      非常的不错,找了好久

                      • 1156646905 1156646905 4 来自天朝的朋友 Safari浏览器 iPhone iPhone OS 13_4_1 like Mac OS X) AppleWebKit 江苏省苏州市 电信

                        学习学习

                        • a262831980 a262831980 4 来自天朝的朋友 谷歌浏览器 Windows 7 广东省湛江市 电信

                          怎么上和下分开写教程啊

                          • a''锟絞 -whatareyou弄啥锟较o拷- A锟斤拷 a''锟絞 -whatareyou弄啥锟较o拷- A锟斤拷 0 来自天朝的朋友 谷歌浏览器 Windows 7 河南省郑州市 电信

                            支持基数

                            • ddx ddx 1 来自天朝的朋友 谷歌浏览器 Windows 10 浙江省杭州市 电信

                              学习一下,谢谢;

                              • 尼柯旧梦 尼柯旧梦 0 来自天朝的朋友 谷歌浏览器 Windows 10 新疆阿克苏地区 电信

                                好好学习 天天向上

                                • 王小优 王小优 4 来自天朝的朋友 谷歌浏览器 Windows 10 湖南省株洲市 电信

                                  路过学习

                                  • 锟斤拷锟铰帮拷 锟斤拷锟铰帮拷 0 来自天朝的朋友 QQ浏览器 Windows 10 山东省济南市 移动

                                    学习学习

                                    • --锟斤拷 惟锟剿讹拷锟斤拷 --锟斤拷 惟锟剿讹拷锟斤拷 0 来自天朝的朋友 谷歌浏览器 Windows 7 浙江省温州市 电信

                                      感谢分享

                                      • 锟斤拷锟斤拷. 锟斤拷锟斤拷. 1 来自天朝的朋友 谷歌浏览器 Windows 7 河南省周口市 联通

                                        来看看

                                        • 锟斤拷锟斤拷小锟斤拷虾 锟斤拷锟斤拷小锟斤拷虾 0 来自天朝的朋友 谷歌浏览器 Windows 10 四川省成都市 移动

                                          看看这个

                                          • 小锟斤拷 小锟斤拷 0 来自天朝的朋友 谷歌浏览器  Android 12 22011211C Build/SP1A.210812.016 湖北省武汉市 电信

                                            来看看