`

如何设置地址栏http前面的图标

阅读更多
制作浏览器地址栏&收藏夹里的小图标

    如果您使用的 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 部分加入下面的内容:


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


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

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

分享到:
评论

相关推荐

    让网站在浏览器网址前面显示小图标的方法

    大家在浏览很多网站的时候都会发现在浏览器的地址栏前面会有一个小图标,在浏览器的标签位置也有一个小图标,例如 Baidu 、腾讯等网站都有这样的图标。你的网站上想不想也增加一个这样的小图标呢?有了这个小图标你...

    世界之窗3.0.2.6论坛预览版

    增加了将停止、刷新按钮显示在地址栏前面的选项 - 状态栏右键菜单里可设置 增加了一些鼠标手势动作 - 添加到收藏夹、向上一层、用IE访问此地址、锁定解锁标签、保存媒体、切换到第一个标签、切换到最后一个标签 增加...

    favico.ico---网站ico图标设置步骤

    网站ico图标,想必大家都知道吧,就是地址栏前面的小图标,在设置过程中需要将图标文件改名为favico.ico,上传到网站根目录,之后在head之间插入以下代码即可

    电脑报问题精华doc

    电脑报精华 Q: IE主页这两天总是“空白...单击IE地址栏上的“上网助手”图标后面的“修复IE”图标,在弹出的菜单中选择“IE保护设置”,将“保护浏览器首页”前面的钩去掉,然后在“地址”框中输入你需要的网址即可。

    Photoshop制作ICO补丁带说明

    这个ICO 就是论坛地址前面的小图标 安装方法:解压把整个文件夹放在Photoshop安装目录下的“Plug-ins”文件夹下, 这个插件可以使PS做出的图保存为Windows Icon (.ICO) 文件格式. 实际的用途比如给你的网站做个...

    给网站添加 favicon的技巧 网址前面的小图标

    当然,这不仅仅是 Favicon的全部,根据浏览器的不同,Favicon 显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户...

    去掉桌面阴影

    将“网页”栏中的“当前主页”以及“http//......”等所有各项前面的勾全部去掉(“http//……”为从Internet添加网页或图片的地址,一般不需要,可将它们全部删除),并将下面“锁定桌面项目”前面的勾也去掉,单击...

    网际畅游 MyIE 3.0 源代码

    拖动链接到地址栏:可将页面上的连接拖动到地址栏上,从而在新窗口中打开这个连接。 拖动链接到标签栏:可将页面上的连接拖动到标签栏上的某个标签上, 在这个指定的窗口中打开链接 设置双击和中键击标签的...

    路由安装演示很好用的,大家分享。

    然后打开IE浏览器,在地址栏中输入路由器默认地址为192.168.1.1,输入用户名和密码,就可以进入里面进行设置了。其实很简单,将上网的用户名和密码输入就可以了,其它也可不用设,网关不用填。当然也可以设置DHCP...

    chrome/Firefox插件微信读书笔记助手wereader:导出标注、书评、想法、目录等等

    2. 进入Chrome,在地址栏输入chrome://extensions/后回车,进入扩展管理页面。 3. 进入页面后,先打开开发者模式,再点击加载已解压的扩展程序,找到前面解压得到的文件夹wereader,单击该文件夹,这时候文件夹被...

    全能云解析V3.8源码稳定版

    主目录文件结构及说明:(备注:调用方式前面皆省略了解析域名,浏览器访问时请添加在前面) 文件: * index.php 首页文件, 调用方式:"/?v=视频链接或视频名称"或"/?url=视频链接" * v.php 简洁...

    Java语言程序设计课程设计实训项目——模拟实现Windows-资源管理器的GUI界面(第3部分).pdf

    4、在另一个工具条中添加按钮——方法和思路同前面 5、为地址栏工具条中的 Label 标签组件添加简化键 (1)方法一:在该标签的"displayedMnemonic"成员属性中直接输入字符"D" 杨教授工作室 精心创作的优秀程序员 ...

    GCUF新闻连铸机「GCUF News Caster」-crx插件

    GCUF News Caster是google chrome扩展程序,可让您执行以下操作:-无需访问网站即可查看GCUF网站(http://www.gcuf.edu.pk)上的最新新闻-您可以通过点击地址栏前面显示的G​​CUF图标-节省您的时间,最多只需要2-3...

    电脑高手必备 Windows系统35招实用技巧

    中显示音量控制图标,可以启用“将音量图标放入任务栏”复选框。  (7)你想调节各项音频输入输出的音量,单击“设备音量”区域中的“高 级”按钮,在弹出的“音量控制”对话框里调节即可。这里列出了从总体音 量...

    梦想综合搜索-crx插件

    功能介绍1、在地址栏旁添加了功能图标,点击图标可展示综合搜索窗口。2、浏览网页时,选中您想搜索的文字,点击鼠标右键,可通过右键菜单可快速搜索。3、可通过设置自定义搜索窗口按钮和右键搜索菜单。4、默认支持...

    apache 2.2.21 -win32-x86

    好了现在我们来测试一下按默认配置运行的网站界面,在IE地址栏打“http://127.0.0.1”,点“转到”,就可以看到如下页面,表示Apache服务器已安装成功。 现在开始配置Apache服务器,使它更好的替我们服务,事实...

    suUI:我的私人用户界面工具存储,这有助于我的实践和有效工作

    suUImy private UI tool storage,which helped me pratice and work effective 这里是简素言也的个人UI及工具库,...- 项目依赖包的目录|-public -- 项目公用文件​|--favicon.ico -- 网站地址栏前面的小图标|-src

    chromium.fix.479433:Chromium 权限面板(问题 479433 和 444244 的修复)

    以前,Chrome 的 OIB(起源信息气泡),通过激活地址栏中 URL 前面的图标来访问,提供了广泛的权限列表可以切换的各种内容类型和活动,例如阻止当前查看的站点的 Javascript 和图像的能力。 这个扩展尽可能地恢复了...

    iSee视频监控 v5.2

    本系统可切换D1与CIF分辨率,切换分辨率设置后,在主界面必须关 闭通道视频,重新打开通道视频,设置才能生效。 本系统主机工作于常温(-10_3℃~55_2℃)、清洁的环境,并且保持 良好的通风状态。 本系统软件属于我...

Global site tag (gtag.js) - Google Analytics