啥叫作Favicon呢?大家上网的时候会发现有的网址前面的图标不是ie中的大E或者FF中的白页,这个个性化图标就是favicon。把拥有favicon的网站加入收藏夹之后,其前面的图标也是个性化的。


这是我现在Teamblog的favicon效果。

做法很简单(其实和网站添加图标一样):
1. 到 http://www.html-kit.com/favicon/ 这里上传一个正方形的图(尺寸随便)然后提交,网站会给你生成一套favicon,下载,备用。
2. 在TeamBlog的侧边栏自定义项目中添加这么一行:
<link rel="shortcut icon" href="favicon所在的地址">
你需要把自己的icon传到某个地方,然后把href的属性换成icon所在的地址。
3. 完成。

不过用link的方法是通不过W3C的,我在 http://my.donews.com/firewood/ 发现了用JS添加的方法:

<script type="text/javascript">
var link=document.createElement("link");
link.setAttribute("rel","shortcut icon");
link.setAttribute("href","url");
document.getElementsByTagName("head")[0].appendChild(link);
</script>


搞定,收工。

Update:代码有点问题,大于号和小于号自动被编码了,如果要使用JS方法,需要把所有&amp;lt;、&amp;gt;和&amp;quot;都替换成半角的小于号、大于号和引号。

FiO @ 2006-09-10 12:37 | 评论 (2) | 日志 | 标签: 网站 favicon | 加入收藏
如题。

FiO @ 2006-09-09 13:16 | 评论 (1) | 日志 | 标签: css | 加入收藏