Emlog添加顶部动态彩条教程

  • 内容
  • 相关
给Emlog博客网站顶部添加一个彩色横条,样式预览请看下图↓

思路:在网站顶部添加一个Div层,将其定位并且始终固定在浏览器顶部,随着页面而移动,并且始终在最顶层,不会被遮挡。缺陷:需要添加Div层,比较麻烦。优点:所有主题都适用,效果更佳。

首先,我们需要动态彩条gif图片,当然你有喜欢的gif彩条也可以替换,下面直接提供彩条原文件,喜欢的自己保存到空间用自己网站外链效果更佳,替换下方gif图片地址,嫌麻烦直接用我发的。
HTB1CqMqdGWs3KVjSZFx5jaWUXXaA.gif

添加彩条教程:

height不要改动,因为图片的高度为4px;

top为外围距离顶部高度,自行调整。如果你的Div并没有出现距离问题,就不需要。

Position这里定义的是固定。如果不需要就删除这行。

Width宽度,如果添加后宽度有异常,请调整这一项。

Z-index这是层数,越高,也就在其他模块之上。

然后在header.php最下面的 </nav>
前面添加以下代码
该内容已被管理员隐藏 您需要回复后并刷新才可以查看
 
如果你觉得雨滴资源网对你有帮助的话,可以小小的打赏一下小站,用于维持本站的运营!

本文标签:

版权声明:雨滴资源网内容来源于互联网,如果有侵权内容、不妥之处,请第一时间联系我们删除。敬请谅解!

本文链接:Emlog添加顶部动态彩条教程 - https://www.yudzy.com/881.html

失效提示:此文更新于2019-9-24,如果文章内容或图片资源失效,请留言反馈,客服会及时处理,谢谢!

发表评论

评论

27条评论
  1. avatar

    断续 Lv.1 Chrome 98.0.4758.102 Chrome 98.0.4758.102 Windows Windows 回复

    考察你的身边失败的话

    陕西省安康市 移动

    1. avatar

      Lv.1 Chrome 78.0.3904.108 Chrome 78.0.3904.108 Windows 7 x64 Edition Windows 7 x64 Edition 回复

      看啊看啊卡

      河南省郑州市 电信

      1. avatar

        夜的精灵 Lv.2 QQbrowser QQbrowser Android 10 Android 10 回复

        滴!学生卡!打卡时间:19:38:48 GMT+0800 (CST),请上车的乘客系好安全带~

        广东省东莞市 移动

        1. avatar

          几粒沙 Lv.2 Firefox 75.0 Firefox 75.0 Windows Windows 回复

          太骚了

          西藏 电信

          1. avatar

            老邮局. Lv.4 Chrome 70.0.3538.25 Chrome 70.0.3538.25 Windows Windows 回复

            重庆市 电信

            1. avatar

              宠幸 Lv.3 Chrome 77.0.3865.42 Chrome 77.0.3865.42 Windows Windows 回复

              感谢哦

              美国

              1. avatar

                小果果 Lv.3 uBrowser 6.2.4098.3 uBrowser 6.2.4098.3 Windows 7 x64 Edition Windows 7 x64 Edition 回复

                看看才

                中国 移动

                1. avatar

                  A﹎ゞ小鱼╱° Lv.1 Chrome 57.0.2987.108 Chrome 57.0.2987.108 Android 9 Android 9 回复

                  滴!学生卡!打卡时间:10:55:25 at night,请上车的乘客系好安全带~

                  甘肃省平凉市 联通

                  1. avatar

                    &x﹎搁浅 Lv.1 Chrome 78.0.3904.108 Chrome 78.0.3904.108 iPhone iOS 6.0 iPhone iOS 6.0 回复

                    123456爱

                    陕西省西安市 移动数据上网公共出口

                    1. avatar

                      苦中作乐 Lv.1 Chrome 80.0.3987.122 Chrome 80.0.3987.122 Windows Windows 回复

                      66666666苦

                      广东省湛江市 电信