MENU

by • 2020年2月18日 • Wordpress, wordpress教程评论 (0)64

WordPress网站底部或顶部添加彩色流动横条

在网站底部或者顶部适当位置添加一个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这是层数,越高,也就在其他模块之上。

GIF滚动优化版 \ 2017/7/31更新
感谢[橘纸]的提醒,博主特地用PS将此横条改成了GIF动态图,可以流畅地进行滚动 \ 逼格+1。

直接将图片代替上面的静态图即可。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注