Emlog添加顶部动态彩条教程
给Emlog博客网站顶部添加一个彩色横条，样式预览请看下图↓
思路：在网站顶部添加一个Div层，将其定位并且始终固定在浏览器顶部，随着页面而移动，并且始终在最顶层，不会被遮挡。缺陷：需要添加Div层，比较麻烦。优点：所有主题都适用，效果更佳。
首先，我们需要动态彩条gif图片，当然你有喜欢的gif彩条也可以替换，下面直接提供彩条原文件，喜欢的自己保存到空间用自己网站外链效果更佳，替换下方gif图片地址，嫌麻烦直接用我发的。
添加彩条教程：
height不要改动，因为图片的高度为4px;
top为外围距离顶部高度，自行调整。如果你的Div并没有出现距离问题，就不需要。
Position这里定义的是固定。如果不需要就删除这行。
Width宽度，如果添加后宽度有异常，请调整这一项。
Z-index这是层数，越高，也就在其他模块之上。
然后在header.php最下面的 </nav>
前面添加以下代码
思路：在网站顶部添加一个Div层，将其定位并且始终固定在浏览器顶部，随着页面而移动，并且始终在最顶层，不会被遮挡。缺陷：需要添加Div层，比较麻烦。优点：所有主题都适用，效果更佳。
首先，我们需要动态彩条gif图片，当然你有喜欢的gif彩条也可以替换，下面直接提供彩条原文件，喜欢的自己保存到空间用自己网站外链效果更佳，替换下方gif图片地址，嫌麻烦直接用我发的。
添加彩条教程：
height不要改动，因为图片的高度为4px;
top为外围距离顶部高度，自行调整。如果你的Div并没有出现距离问题，就不需要。
Position这里定义的是固定。如果不需要就删除这行。
Width宽度，如果添加后宽度有异常，请调整这一项。
Z-index这是层数，越高，也就在其他模块之上。
然后在header.php最下面的 </nav>
前面添加以下代码
该内容已被管理员隐藏 您需要回复后并刷新才可以查看
如果你觉得雨滴资源网对你有帮助的话,可以小小的打赏一下小站,用于维持本站的运营！
版权声明：雨滴资源网内容来源于互联网，如果有侵权内容、不妥之处，请第一时间联系我们删除。敬请谅解!
本文链接：Emlog添加顶部动态彩条教程 - https://www.yudzy.com/881.html
失效提示：此文更新于2019-9-24，如果文章内容或图片资源失效，请留言反馈，客服会及时处理，谢谢！
评论
27条评论断续 Lv.1
Chrome 98.0.4758.102 
Windows 回复
考察你的身边失败的话
陕西省安康市 移动
孤 Lv.1
Chrome 78.0.3904.108 
Windows 7 x64 Edition 回复
看啊看啊卡
河南省郑州市 电信
夜的精灵 Lv.2
QQbrowser 
Android 10 回复
广东省东莞市 移动
几粒沙 Lv.2
Firefox 75.0 
Windows 回复
太骚了
西藏 电信
老邮局. Lv.4
Chrome 70.0.3538.25 
Windows 回复
好
重庆市 电信
宠幸 Lv.3
Chrome 77.0.3865.42 
Windows 回复
感谢哦
美国
小果果 Lv.3
uBrowser 6.2.4098.3 
Windows 7 x64 Edition 回复
看看才
中国 移动
A﹎ゞ小鱼╱° Lv.1
Chrome 57.0.2987.108 
Android 9 回复
甘肃省平凉市 联通
&x﹎搁浅 Lv.1
Chrome 78.0.3904.108 
iPhone iOS 6.0 回复
123456爱
陕西省西安市 移动数据上网公共出口
苦中作乐 Lv.1
Chrome 80.0.3987.122 
Windows 回复
66666666苦
广东省湛江市 电信