欢迎坐船上岛来雨风的〓◎水中小屋◎〓看完小屋别忘了来动漫岛论坛逛逛

地址栏网址前的图标做法

上一篇 / 下一篇 2007-12-29 13:15:38 / 个人分类：技术文档

做法(一):

你只做个ico图标，命名为favicon.ico，把它传到你的页面下面。
并在相应的页面里加上代码在页面<heah></heah>之间加， <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
OK了。

做法(二):

在服务器的根目录下添加图标文件,文件名为:favicon.ICO要达到这个效果,先需要做出这个图标文件,图像为16*16像素,不要超过16色,文件格式为ICO,然后传至网站,最好命名为"favicon.ico".

做法(三):

如果你用Firefox或IE7(IE里面显示的是静态的)，在地址栏或标签上会看到本站的那个黑色的小花，而且是会动的。它是怎么做的呢？

发现了一个非常Cool的网站，以前鱼也写过类似的文章，但那个图标是静态的。在这个网站上你可以生成一个动态的图标，而且可以任意选择本地文件上传，自定义滚动的文字（好像不支持中文），动心了吗？

生成之后下载它提供的一个压缩文件，里面包含了一个.ico文件，一个 .gif文件。把它们上传到如Google pages（ICO文件必须更改名称，只要不是Favicon即可，比如鱼用的Sunricon.ico）得到地址。然后在Head之间添加下面代码：

1.如果是静态的Favicon（只需上传ICO文件）

<link rel="shortcut icon" href="favicon.ico文件地址" />

2.如果是动态的Gif（上传两个文件）

<link rel="shortcut icon" href="favicon.ico文件地址" / >
<link rel="icon" href="animated_favicon1.gif文件地址" type="image/gif" />

导入论坛收藏分享给好友推荐到圈子管理举报

TAG: