导航条上添加加NEW、HOT、热等一系列小图标教程 for discuz!X所有版本

[复制链接]
查看3261 | 回复1 | 2019-2-14 19:12 | 显示全部楼层 |阅读模式
导航条上添加加NEW、HOT、热等一系列小图标教程 for discuz!X所有版本


效果图如下:

导航条上添加加NEW、HOT、热等一系列小图标教程 for discuz!X所有版本

导航条上添加加NEW、HOT、热等一系列小图标教程 for discuz!X所有版本


注意:修改文件是:header.html
第一步:
查找你目前所使用的模板的下的:header.html文件,
默认的模版在\template\default\common\
第二步:
打开 header.html 查找里面的一段代码

  1. <div id="nv">
复制代码
第三步:
在刚才查找的那段代码前面加上:
  1. <img src="images/re.gif" style="position:absolute;z-index:1001;margin-left:197px;margin-top:-3px;">
  2. <img src="images/hot.gif" style="position:absolute;z-index:1001;margin-left:527px;margin-top:-3px;">
复制代码
然后根据你的需要调准图片位置,就是这个参数:“margin-left:  527px”
至于图片路径 和图片文件名你可以自行修改!
后台更新缓存,大功告成!


素材自丢网也给大家提供几个:
三个图片“热”“火”“hot”小图标素材下载

hongjichao | 2019-8-20 02:02 | 显示全部楼层
技术学习教程网,支持一下。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-4-16