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

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

为页头添加彩色横条:

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

为页脚添加彩色横条:

/* 页脚彩色横条 */#footer-widget-box {background: #555 url(https://wx3.sinaimg.cn/large/006VCrUsgy1fjmflvz3z7j30ag0040pv.jpg) repeat-x scroll 0 100%;} 

本文使用的彩色横条是外链的新浪图片,如果想从本地加载横条。可以直接右键保存下图上传到 wordpress 媒体库,然后将上面的外链网址改为你媒体库的图片网址即可。

© 版权声明
THE END
喜欢就支持一下吧
点赞26赞赏
分享
脑洞吐槽 抢沙发

请登录后发表评论