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

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

正找着呢

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

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

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

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

不错。多谢分享

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

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

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

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

楼主了

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

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

直接用数字的ID命名不行

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

不错。多谢分享

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

太专业了看不懂啊

		自动登录	找回密码
密码			立即注册

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

浏览过的版块