威宁热线

威宁团菜到家

[技术分享] 如何实现导航条上HOT、NEW图标

[复制链接]
威宁热线 发表于 2021-1-27 12:17:32 | 显示全部楼层 |阅读模式
1、打开你模板的header.html文件,默认在\template\default\common\

找到如下代码
  1. <div id="nv">
复制代码
在其上面加入以下代码:(看清楚是上面
  1. <img src="http://您的域名/images/ghot1.gif" style="position:absolute;z-index:1001;margin-left:135px;margin-top:8px;">
  2. <img src="http://您的域名/images/gnew.gif" style="position:absolute;z-index:1001;margin-left:220px;margin-top:-8px;">
  3. <img src="http://您的域名/images/ghot2.gif" style="position:absolute;z-index:1001;margin-left:510px;margin-top:-8px;">
复制代码
2、然后根据你的需要调准图片位置:
参数:“margin-left:135px”、“margin-left:220px”、“margin-left:510px”是调整左右位置,数值越大越往右。
参数:"margin-top:8px"、“margin-top:-8px”是调整上下位置,正数越大越往下,负数越大越往上。





回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表