D1V1网社区 @开门芝麻网 吃饭赚钱 睡觉赚钱 做梦赚钱 http://sns.d1v1.com & http://www.KaiMenZhiMa.com/

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 7727|回复: 0

如何在浏览器地址栏中显示网站的图标?

[复制链接]
发表于 2003-12-22 21:13:17 | 显示全部楼层 |阅读模式 <
开门芝麻网
连劲智播AI智能自动播实景无人直播(APP免费注册下载)http://kaimenzhima.com/forum.php?mod=viewthread&tid=1

如何在地址栏中显示网站的图标

      <link rel="shortcut icon" href="MyImg.ico">
      <link rel="Bookmark" href="favicon.ico">    可以在收藏夹中显示出你的网站图标,图标可以是16*16、24*24、32*32、48*48的都可以。
      第一步,准备一个图标制作软件。
      首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以.ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问 http://www.favicon.com/ ,这里提供一个免费的在线“收藏夹”图标生成器,如果您 E 文够好的话,在这里您还可以了解到更多的关于“收藏夹”图标的知识。
      第二步,确定“收藏夹”图标的规格。
      “收藏夹”图标有着它特有的规格:图标的大小为 16 * 16(以像素为单位);所使用的颜色不得超过 16 色。
      第三步,设计一个属于您自己的图标。
      您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之,它一定要是属于您自己的,并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为:favicon.ico。
      最后,将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。注意:您不需要对您的网页文件作任何的修改,IE5 会自动的不停的搜索您的网站的根目录,只要它一发现了 favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了
      <HEAD>
      <LINK REL="SHORTCUT ICON" HREF="http://网站地址/favicon.ico">
      <TITLE>My Title</TITLE>
      </HEAD>
      使用这个做法的话,就不一定要把图形文件放在网站的根目录下面了,你可以放在任何位置,甚至直接连结到其他网站上面的图形文件也可以,而且图形文件的文件名也不一定要叫做 favicon.ico,可以自己随便取。
      不过要注意的是使用这个做法的话,只有在把有加入上面 HTML 语法的页面加入书签的时候才会有作用。

  

1、选择icon制作软件,可以选择MicroAngelo V5.59c(http://yuanma.d1v1.com
         Microangelo 是一套功能强大的图标相关编辑软件。使用它可以创建或编辑图标(.ico)、静态指针(.cur)、动画指针(.ani)以及图标库(.icl)文件,编辑功能十分强大且很容易上手。该软件还有一个功能就是可以直接修改可执行程序中的图标(请注意图像格式一定要匹配)。
         除上述外,还可以使用附带的 microangelo On Display 修改系统中的各种图标,使你的系统更漂亮,更具个性化。
2、设计自己网站的图标,要代表网站的风格和个性
      注意:图标的规格大小为 16 * 16(以像素为单位),所使用的颜色不得超过16 色;
第二步 发布到网站
1、第一种方式:可以直接把制作的图标命名为favicon.ico,上传到网站根目录即可;
2、第二种方式:如果希望不同的栏目(或页面)显示不同的图标,则需要在该网页文件的 HEAD 部分加入以下内容: <link REL="SHORTCUT ICON" HREF="http://yuanma.d1v1.com/myicon.ico">
      注意:该图标的路径一定要使用绝对路径



在地址栏显示网站的图标
做法:
制作一个图标文件,大小为16*16像素。文件名为favicon.ico,然后上传网站根目录中。
在HTML源文件“<head></head>”之间添加如下代码:
<link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
<link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标
如果是myie不用加以上代码地址栏也可以显示,自己的图标,文件名必须是favicon.ico。
?
------------------------------------------------------------------------------------
方法一:
直接在站点根目录下放入名为:favicon.ico 的图标文件就行了(必须要为 ICO 文件,BMP 及其他格式的图片文件不行)。并且我已经测试过如用这种方法的话,其实在站点根目录放入的 ICO 文件不一定必须命名为:favicon.ico,将 favicon.ico 中的 favicon 命名为你网站域名的名称同样可行,例如你网站的域名为:blueidea.com,你可以将该 ICO 文件命名为:blueidea.ico (注意 ICO 文件的文件名只能是域名的名称:blueidea,而不是域名:blueidea.com,即不要将域名中的 .com 后缀也加进去);
方法二:
在网页的 <head>...</head> 区加入代码:<link rel="Shortcut Icon" href="favicon.ico" />,如果用这一种方法的话,其中 ICO 文件的文件名就不一定要用 favicon.ico 了,可以用任意的名字来命名,如:qwwqqwwq.ico,你甚至可以使每一个目录下的每一个网页文件的IE地址栏图标都不同,但前提是必须做到图标文件的链接地址要正确。另外,在 <head>...</head> 区加入代码:<link rel="Bookmark" href="favicon.ico" />,就可以在收藏夹中你网页链接前显示出你自定义的图标。




在地址栏显示网站的图标
做法:
制作一个图标文件,大小为16*16像素。文件名为favicon.ico,然后上传网站根目录中。
在HTML源文件“<head></head>”之间添加如下代码:
<link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
<link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标
如果是myie不用加以上代码地址栏也可以显示,自己的图标,文件名必须是favicon.ico。

------------------------------------------------------------------------------------
方法一:
直接在站点根目录下放入名为:favicon.ico 的图标文件就行了(必须要为 ICO 文件,BMP 及其他格式的图片文件不行)。并且我已经测试过如用这种方法的话,其实在站点根目录放入的 ICO 文件不一定必须命名为:favicon.ico,将 favicon.ico 中的 favicon 命名为你网站域名的名称同样可行,例如你网站的域名为:blueidea.com,你可以将该 ICO 文件命名为:blueidea.ico (注意 ICO 文件的文件名只能是域名的名称:blueidea,而不是域名:blueidea.com,即不要将域名中的 .com 后缀也加进去);
方法二:
在网页的 <head>...</head> 区加入代码:<link rel="Shortcut Icon" href="favicon.ico" />,如果用这一种方法的话,其中 ICO 文件的文件名就不一定要用 favicon.ico 了,可以用任意的名字来命名,如:qwwqqwwq.ico,你甚至可以使每一个目录下的每一个网页文件的IE地址栏图标都不同,但前提是必须做到图标文件的链接地址要正确。另外,在 <head>...</head> 区加入代码:<link rel="Bookmark" href="favicon.ico" />,就可以在收藏夹中你网页链接前显示出你自定义的图标。



开门芝麻网
部分内容由网友发布或收集于互联网,如有侵权,请联系QQ/微信76815288,第一时间删除!(开门芝麻网 sns.d1v1.com)
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

 
在线客服
点击这里给我发消息 点击这里给我发消息 点击这里给我发消息 点击这里给我发消息
售前咨询热线
400-888-xxxx

微信扫一扫,私享最新原创实用干货

QQ|申请友链|Archiver|手机版|小黑屋|D1V1网社区 @开门芝麻网 ( 沪ICP备15050032号-2 )

GMT+8, 2024-11-23 23:56 , Processed in 0.171271 second(s), 29 queries .

Powered by Discuz! X3.4 Designed by www.D1V1.cn

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表