Emlog教程|网站顶部添加彩色横条

给emlog网站顶部加上下图这样的动态彩色横条,效果如本站顶部 还是挺好看的,图片就是下面这样

彩色横条

方法很简单在emlog模板找到header.php在最下面的</nav>前面添加如下代码

<style type="text/css"> #top-img { background: url(https://www.qq3m.cn/1.jpg); height:4px; top:0px; position: fixed; width:100%; Z-index:9999; } </style> <div id="top-img"></div>

代码详解

height不要改动,因为图片的高度为4px;
top为外围距离顶部高度,自行调整。如果你的Div并没有出现距离问题,就不需要。
Position这里定义的是固定。如果不需要就删除这行。
Width宽度,如果添加后宽度有异常,请调整这一项。
Z-index这是层数,越高,也就在其他模块之上

可以根据上面的代码详解自行修改参数,看不懂参数就不要乱动header.php粘贴到这个文件里就可以了。代码里的图片路径自行替换就可以了,修改文件之前记得对文件进行备份,防止出错方便恢复。

本教程就写到这里了,还有不明白的地方可以评论留言。

乐乐网所有文章如无特别注明均为原创。作者:乐乐站长复制或转载请以超链接形式注明转自 乐乐网
原文地址《Emlog教程|网站顶部添加彩色横条

相关推荐

发表评论

路人甲路人甲 表情
Ctrl+Enter快速提交

表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包表情包

网友评论(0)