WordPress网站底部或顶部添加彩色流动横条
分类:WordPress教程 | 作者:XiaoBai 发表于 2020年2月18日 阅读 863 次
看到好多网站都有这个效果,不过大部分都在底部,我的博客就不加了,风格不适合放这个,有需要的朋友可以参考使用。
首先,我们需要图片,直接贴出来吧,需要的请直接右键另存为。
接着,在网站顶部适当位置添加一个Div,自定义一个id,当然你用class问题也不大。我命名的id为top-png.
添加以下CSS代码到样式表,当然,如果你的主题支持自定义样式就添加到自定义样式里。
#top-png{ background:url(/uploads/2017/07/FileName.txt.png); height:4px; margin-top:21px; position:fixed; width:100%; Z-index:10; }
具体需要结合你自己的主题做调整。
样式解析:
Background中的括号内链接请改为你的图片链接。
height不要改动,因为图片的高度为4px;
margin-top为外围距离顶部高度,自行调整。如果你的Div并没有出现距离问题,就不需要。
Position这里定义的是固定。如果不需要就删除这行。
Width宽度,如果添加后宽度有异常,请调整这一项。
Z-index这是层数,越高,也就在其他模块之上。