Iconize:给不同的网页文本链接添加不同的图标
想不想给你的日志中出现的不同后缀名的文本链接添加一个醒目的图标?
并且完全使用CSS来实现，不需要任何Javascript.
Iconize就是这样一个工具，实际上应该说是一种CSS的应用技巧，它可以为每种不同的文本链接添加不同的图标。比如，为Youtube的视频链接添加一个图标，为Flickr的图片链接添加另一个图标。
要使用它非常简单，你可以点击这里下载。里面包含一个icon图标的文件夹icons和一个样式文件iconize.css，你只需要把它们上传到你的服务器，再引用就可以了。举个例子，我上传icons和iconize.css到我博客的根目录下面，得到http://parandroid.com/iconize.css和http://parandroid.com/icons，然后，在网页的<head>和</head>标签之前加入下面的代码:
<link rel=”stylesheet” href=”http://parandroid.com/iconize.css” type=”text/css” media=”screen” />
这样就搞定了。 我打开css文件看了一下，下面是截图。从CSS的写法上可以看出来，这是利用链接网址中出现的字符配置不同的背景图片来实现的。
也就是说，你可以根据你自己的情况，为不同的链接设置各种不同的样式。比如，你可以为带wordpress.org的链接，都配上一个Wordpress的Logo图标，为出现Digg.com的链接都配上一个digg图标。这样挺酷的。呵呵。
你可能还会感兴趣
你可能还会感兴趣的文章...你还能做些什么？
- 查看前一篇文章 Media Convert:在线的超强文件格式转换服务或是下一篇文章 snoop:实时跟踪分析网站或博客活动的桌面程序
- 本文标签: Tags: CSS, icons, wordpress, Wordpress技巧
- 本文分类:icons, wordpress
关于作者
- 作者名称: paran
- 作者网址: http://parandroid.com
- 一句话简介:I Am kEy tO ThE lOcK yOUr HOusE.
这个 a[href *="/adf.com"] 的在任何浏览器都可以用？
什么时候老帕写篇文章？
@不好意思。我还没在不同的浏览下测试过。是否兼容不好说。不过就算不兼容也不会有什么影响。
这个东西对于美化博客细节来说不错。。。
以前看到过，似乎不能在IE6下使用。该死的IE
Iconize绝对的个性化，喜欢
[...] Iconize Textlinks with CSS- 这个之前帕兰专门做过介绍，请点这里查看。不过据yichi留言说，似乎也不支持IE6. [...]
[...] Iconize Textlinks with CSS- 这个之前帕兰专门做过介绍，请点这里查看。不过据yichi留言说，似乎也不支持IE6. [...]
[...] Iconize Textlinks with CSS- 这个之前帕兰专门做过介绍，请点这里查看。不过据yichi留言说，似乎也不支持IE6. [...]