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

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

分享一个简单又容易出效果的网页小技巧——为页头页脚添加彩色滚动横条。使用方法:把下面的代码添加到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

为wordpress页头页脚添加滚动彩色横条插图(1)

人已赞赏
建站教程

免费SSL证书

2018-11-6 22:36:01

建站教程

宝塔面板PHP7.3安装memcahe扩展

2020-9-8 1:36:10

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索