shylong 发表于 2010-8-30 22:27:11

导航标签上右上角加小图标方法（老鸟可无视）

发现论坛上有人需求，就发上来供有需求的人使用，其实在别人的网站很容易找到相关的代码，我只是找出来做了一个小例子给大家，CSS文件里不仅可以使用#test sup，还可以继续加#test2 sup，以给不同的标签不同的小图标，当然了不同的类选择器里相应的图片地址也要改成相应的小图标。
废话不多说，文件如下：

shylong 发表于 2010-8-30 22:30:20


例子中以QQ图标为小图标，可根据不同的需求替换掉适合自己的小图标，网上都可以下载，根据图标的不同，CSS里相关尺寸可能不同，自己尝试着调试吧

zhaixx 发表于 2010-8-31 00:13:18


http://bbs.destoon.com/static/image/smiley/default/lol.gif

http://bbs.destoon.com/static/image/smiley/default/lol.gif
正找着呢

qaz001 发表于 2010-8-31 01:10:03


首先非常感谢这位热心的楼主，不过我太笨了，下载下来也不知道怎样使用，不知道如何才可以增加到网站导航栏目上，所以还希望朋友再指点下。。。
http://bbs.destoon.com/static/image/smiley/default/sad.gif


[ 本帖最后由 qaz001 于 2010-8-31 01:11 编辑 ]

doscn 发表于 2010-8-31 08:57:42


不错。多谢分享
http://bbs.destoon.com/static/image/smiley/default/kiss.gif

hk2009 发表于 2010-8-31 08:59:38


在导航里面需要显示出ID来就可以定义了

qaz001 发表于 2010-8-31 10:26:22


我尝试了几遍 还是不行 我的导航栏目的模块ID是42然后我就在你发的文件里面 把ID修改为42全部将文件上传到网站根目录 结果还是没什么变话 麻烦你帮我看下是不是我方法有哪里有问题 麻烦
http://bbs.destoon.com/static/image/smiley/default/handshake.gif
楼主了

hk2009 发表于 2010-8-31 10:58:07


错误的css选择伪类命名方式（纯数字命名选择伪类名、数字开头与英文字母混合错误方式）

直接用数字的ID命名不行

yiyiyi 发表于 2010-8-31 11:40:25


不错。多谢分享
http://bbs.destoon.com/static/image/smiley/default/lol.gif

qaz001 发表于 2010-8-31 15:12:05


太专业了 看不懂啊
http://bbs.destoon.com/static/image/smiley/default/mad.gif
页: [1] 2 3
查看完整版本: 导航标签上右上角加小图标方法（老鸟可无视）