为wordpress页头页脚添加滚动彩色横条

夜色挽歌  2018-11-18 02:13  阅读 0 views 次

分享一个简单又容易出效果的网页小技巧——为页头页脚添加彩色滚动横条。使用方法:把下面的代码添加到wordpress后台"外观>自定义样式“即可。下文分别是页头和页脚的代码,两段代码都可以单独使用,大家可根据需要进行添加,具体效果可参考本站首页。

为页头添加彩色横条:

 #top-header{background:#e7e7e7 url(https://wx3.sinaimg.cn/large/006VCrUsgy1fjmflvz3z7j30ag0040pv.jpg) repeat-x scroll 0 100%;}

 

为页脚添加彩色横条:

 #footer{background: #555 url(https://wx3.sinaimg.cn/large/006VCrUsgy1fjmflvz3z7j30ag0040pv.jpg) repeat-x scroll 0 100%;}

 

本文使用的彩色横条是外链的新浪静态图片,如果想从本地加载横条。可以直接右键保存下图上传到wordpress媒体库,然后将上面的外链网址改为你媒体库的图片网址即可。
动态图片地址:https://wx2.sinaimg.cn/large/006VCrUsgy1fjmflwl7rog30ag004dfs.gif

本文地址:http://www.yunyinge.com/archives/xinshou/288/
关注我们:请关注一下我们的微信公众号:扫描二维码云音阁的公众号,公众号:yunyinge2018
温馨提示:文章内容系作者个人观点,不代表云音阁对观点赞同或支持。
版权声明:本文为转载文章,来源于 夜色挽歌 ,版权归原作者所有,欢迎分享本文,转载请保留出处!
NEXT:已经是最新一篇了
 相关文章  关键词:

发表评论


表情