自定义个性化网站图标

...

时下,个性ico图标却成为一些主流大牌网站提高用户体验(UE)的一个“时髦”玩法,那么,是如何在IE地址栏显示出网站的个性图标的呢?

常浏览网站的你,是否注意到打开一些网站时,IE地址栏会显示一些网站的小图标呢?传统的IE地址栏的图标都是“e”字标,而时下,个性ico图标却成为一些主流大牌网站提高用户体验(UE)的一个“时髦”玩法,那么,是如何在IE地址栏显示出网站的个性图标的呢?

不知道你有没有注意到,在打开国家教育网的网址http://www.inen.cn的时候,地址栏的前面是一个“i”变形的火炬图标,这就是国家教育网的个性ico图标,当把国家教育网添加到收藏夹后,你会发现这个“小火炬”仍然存在。其实,要实现网站的个性cio图标非常简单。

首先你必须制作一个ico图标,并把它命名为“favicon.ico”,把它传到你的网站目录下面。

然后,在想展现该个性图标的页面代码head部分中,添加一段描述代码,比如国家教育网的head中<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />,就是控制个性图标的描述代码。

这样就完成了设置,那么如何制作ico图标呢?有两种方法:

一是针对不懂设计的朋友来说,可以使用在线生成工具 。

二是针对懂得ico设计的朋友,可以自行利用制图软件自主设计,不过记得将成品文件命名为“favicon.ico”。

这样,就可以轻松实现网站的个性地址栏ico图标显示了,愿你的网站,也拥有一个属于自己的个性图标。

继续阅读
56网CEO:国内视频网站混战半年内见分晓
大学生个人网站被200万天价收购
节食者社会关系网站DietTV获200万美元风投
四步设计手机(移动应用)网站
风投开始撤离视频网站小公司面临消亡危险
草根公益网站吸引大量年轻人关注
易观国际预测七成视频网站年内将退场
如何让你的网站给你赚钱
一人经营几十万个网站月赚几百万?
发表评论

昵称:
最新评论
智思网友 发表于 2008-4-29 2:36:33
可以实现的,不过有时候IE会不显示的。或者你哪个地方做错了。请注意href="/favicon.ico"图标路径哦!
问号 发表于 2008-4-28 23:31:17
按照楼上的说法 实现不了啊 位置也是正确的 图标也ok 就是没用