Emlog添加顶部动态彩条教程

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

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

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

添加彩条教程:

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

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

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

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

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

然后在header.php最下面的 </nav>
前面添加以下代码
该内容已被管理员隐藏 您需要回复后并刷新才可以查看
 

本文标签:

版权声明:若无特殊注明,本文皆为《雨滴资源网》原创,转载请保留文章出处。

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

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

发表评论

评论

6条评论
  1. avatar

    Pseudo-lover Lv.1 Chrome 70.0.3538.80 Chrome 70.0.3538.80 Android 8.1.0 Android 8.1.0 回复

    不错

    江苏省苏州市 电信

    1. avatar

      略懂 Lv.1 QQbrowser QQbrowser Android 7.1.1 Android 7.1.1 回复

      厉害了

      山东省莱芜市 电信

      1. avatar

        AAA_RueQueen Lv.3 Chrome 78.0.3904.17 Chrome 78.0.3904.17 Windows 7 Windows 7 回复

        嗯1111111

        广东省梅州市 电信

        1. avatar

          搞鬼- Lv.1 Sogou Explorer Sogou Explorer Windows Windows 回复

          感谢分享

          河南省焦作市 联通

          1. avatar

            易梦【爱dg】 Lv.6 Safari 8.0 Safari 8.0 iPad iOS 8.4 iPad iOS 8.4 回复

            黑龙江省黑河市 联通

            1. avatar

              易梦【爱dg】 Lv.6 Safari 8.0 Safari 8.0 iPad iOS 8.4 iPad iOS 8.4 回复

              黑龙江省黑河市 联通