模板制作修改 教你在导航条加NEW、HOT等一系列小图标

[复制链接]
是我非我 发表于 2012-7-22 10:36:49 [模板制作修改] 显示全部楼层 |阅读模式 上一主题 下一主题

马上注册,一起探讨正确快速的建站方法

您需要 登录 才可以下载或查看,没有帐号?快速注册

x
高手绕道前行,新手必经之路,有图有真相

演示效果图

演示效果图

演示效果图


演示地址:http://www.snxsc.com

图标素材:

图标素材

图标素材

图标素材

图标素材

图标素材

图标素材


下面开始:
注意:修改文件是:header.htm
第一步:

查找你目前所使用的模板的下的:header.htm文件,默认的模版在\template\default\common\

第二步:打开 header.htm查找里面的一段代码
  1. <div id="nv">
复制代码


第三步:在刚才查找的那段代码前面加上:
  1. <img src="images/snxsc1.gif" style="position:absolute;z-index:1001;margin-left:197px;margin-top:-3px;">
  2. <img src="images/snxsc2.gif" style="position:absolute;z-index:1001;margin-left:527px;margin-top:-3px;">
复制代码
然后根据你的需要调准图片位置,就是这个参数:“margin-left:  527px”

至于图片路径 和图片文件名你可以自行修改!

另外寻求找友情连接:http://www.snxsc.com  遂宁网  快照隔天 正常收录!有意者联系我Q:87450265
参与人数 1元宝 +2 收起 理由
ARCHY + 2 赞一个!

查看全部评分总评分 : 元宝 +2





上一篇:在线会员美化 For Discuz! X2.5
下一篇:版块 - 今日帖数美化 For Discuz! X2.5
http://www.anhao5.com
http://www.xuyanhui.com

大神点评20

奋||斗★ 发表于 2012-7-23 22:06:06 [模板制作修改] 显示全部楼层
来学习了,楼主!
 楼主| 是我非我 发表于 2012-7-26 10:08:38 [模板制作修改] 显示全部楼层
huo.gif 附带一个新图标·www.snxsc.com
http://www.anhao5.com
http://www.xuyanhui.com
小色猪 发表于 2012-7-26 15:39:09 [模板制作修改] 显示全部楼层
非常的不错 ,站帮网能早日成为大网站 赚大钱
麻镇的刀子 发表于 2012-7-30 19:58:18 [模板制作修改] 显示全部楼层
哇,我喜欢,多谢楼主分享
泉州益思家教网 发表于 2012-9-18 00:32:11 [模板制作修改] 显示全部楼层
这个可以有哦..
zoran 发表于 2012-9-24 19:40:06 [模板制作修改] 显示全部楼层
不错,支持
寂moのthe魚 发表于 2012-9-25 02:40:11 [模板制作修改] 显示全部楼层
来看看好不好恶。。
sindhu 发表于 2013-3-4 16:35:41 [模板制作修改] 显示全部楼层
很不错,学习了。
 楼主| 是我非我 发表于 2013-3-14 16:22:57 [模板制作修改] 显示全部楼层
sindhu 发表于 2013-3-4 16:35
很不错,学习了。

谢谢您的支持
http://www.anhao5.com
http://www.xuyanhui.com
weatzhanhelp 发表于 2013-3-19 21:38:38 [模板制作修改] 显示全部楼层
简单实用!不错!不错!!!
sz7788 发表于 2013-3-24 19:42:04 [模板制作修改] 显示全部楼层
545456726 发表于 2013-4-3 13:06:02 [模板制作修改] 显示全部楼层
你们懂的,楼主好人
这里我曾经来过 发表于 2013-7-9 14:30:59 [模板制作修改] 显示全部楼层
很实用的小方法啊。。。。
大同SEO www.datongseo.org
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

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