制作地址栏中的小图标

关键词:制作地址栏中的小图标
　　如果您使用的 WEB 浏览器是IE5或以上版本，那么当您将某些网站（如：网易、Yahoo等等）加入到“收藏夹”后，您是否注意到在这些网站标题的旁边还有一个独具个性的图标呢？这就是“收藏夹图标”（F avorites Icon）。就拿“网易”来说,在标题“Welcome to netease !” 的左边，IE5 默认的图标被换成了一个红色的变体中文“易”字。非但如此，如果您正在浏览“网易”，这时 IE5 的地址栏中的图标也同样是一个红色的“易”字。也正是因为这些个性化的图标使得他们在您的“收藏夹”众多的白底蓝 e 中显得格外的醒目。

　　您是不是也希望为您的网站加上一个体现您的主页的风格和个性的图标呢？其实要实现这一目的非常简单。

　　第一步，准备一个图标制作软件。
　　首先您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以 .ico 作为扩展名。普通的图像设计软件无法使用这种格式，所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问 http://www.favicon.com，这里提供一个免费的在线“收藏夹”图标生成器，如果您 E 文够好的话，在这里您还可以了解到更多的关于“收藏夹”图标的知识。
　　第二步，确定“收藏夹”图标的规格。
　　“收藏夹”图标有着它特有的规格：图标的大小为 16 * 16（以像素为单位）；所使用的颜色不得超过 16 色。 (为了清晰)

　　第三步，设计一个属于您自己的图标。
　　您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之，它一定要是属于您自己的，并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为：f avicon.ico。

　　最后，将这个图标文件（favicon.ico）上传到您的网站所在的服务器的根目录下。您不需要对您的网页文件作任何的修改，IE5 会自动的不停的搜索您的网站的根目录，只要它一发现了 favicon.ico 这个文件，就会将该图标显示在访问者的地址栏和收藏夹列表中了。

　　如果您希望为不同的页面设置不同的“收藏夹”图标，那么您就需要在该网页文件的 HEAD 部分加入下面的内容:
<LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico">

　　注意：该图标的路径一定要使用绝对路径。

　　还有一点需要说明的是：有些 Web 站点的主机服务器（如：Geocities ）不支持图标文件格式，这时您就需要与管理员联系，要求他开通图标文件格式的支持。

　　马上行动，让您的网站也拥有一个“收藏夹”图标吧！

制作地址栏中的小图标相关推荐

制作地址栏中的小图标(转)
如果您使用的 WEB 浏览器是IE5或以上版本,那么当您将某些网站(如:网易.Yahoo等等)加入到"收藏夹"后,您是否注意到在这些网站标题的旁边还有一个独具个性的图标呢?这就是& ...
网页收藏栏小图标＿如何设置在网页地址栏中的小图标
网页中如何设置在网页地址栏中的小图标 <link rel="icon" href="/dir/favicon.ico" mce_href="/d ...
设置网页地址栏中的小图标
网页中如何设置在网页地址栏中的小图标: 下面我们就讲讲: <link rel="SHORTCUT ICON" href="http://****/*****.ico ...
网页中如何设置在网页地址栏中的小图标
网页中如何设置在网页地址栏中的小图标: 下面我们就讲讲: <link rel="SHORTCUT ICON" href="http://****/*****.ico ...
浏览器title中的小图标0927 0928
1.如何实现浏览器title中的小图标我们需要借鉴link标签 Link标签的标签属性有哪些? rel type href Rel 是当前页面和url之间的关系 rel="stylesh ...
bootstrap中如何使input中的小图标获得点击事件
bootstrap中,放入input中的小图标是不能点击的. 在表单中经常遇见密码旁边的眼睛图标点击后,可使密码可见. 要使小图标获得点击事件,可在小图标上覆盖一个跟小图标一样大的透明层,然后给透明层 ...
Input输入框中加入小图标
今天遇到一个问题,怎么在Input输入框中加入小图标,实现效果如下: 解决方法是把图标当初背景图片,然后使用padding使得输入的内容向右移动,这样图标就显示出来了代码如下: .login .lo ...
html地址欄小圖標,网站地址栏前面的小图标favicon.ico制作方法
那个小图标有个名字叫favicon.ico,网站图标虽小但可以起到很好的点缀作用,尤其是当浏览者将你的网站放入收藏夹之后,网站图标的作用就出来了,它可以使你的站点在众多网址中突出显示,对于用户体验起到 ...
php添加网站ico图标,phpcms在地址栏中显示网站图标的方法(增加网站ico图标)
本文关键详细介绍了phpcms在地址栏中显示信息网站图标的方式(提升网站ico图标),必须的盆友能够参照下 phpcms怎样在地址栏中显示信息网站的图标最先寻找网站的css文件,刚开始在里面改动. ...

制作地址栏中的小图标

制作地址栏中的小图标相关推荐

最新文章

热门文章