如何在地址栏加上网站的标志、LOGO图片
来源:互联网 发布:北京体检数据 编辑:程序博客网 时间:2024/04/28 22:57
第一步:首先你必须要制作一个看起来既清楚又容易辨识的.ico格式的小图片。
我们将图标的大小定义为16x16 像素。此外在制作图形文件的时候,你可能需要把色盘设定成只使用标准的 16 色 Windows 色盘,这样做出来的图形才会在各种配置的机器上看起来都是一样的。记得文件名是固定的,要叫做“favicon.ico”。这个http://www.bitbug.net/网页里有最快捷的制作favicon.ico的方法。
第二步:把制作好的 favicon.ico 文件上传到你的网站根目录去。
例如你的网址是:http://www.baidu.com那么你的 favicion.ico 就应该被放在下面这个URL下http://www.baidu.com/favicion.ico
每当有网友要把你的网站“加入收藏”的时候,IE 浏览器便会到你的网站根目录去寻找看看有没有favicon.ico这个文件,如果有的话,这个文件就会被用来当作书签上面的图示了。但是如果你没办法把文件上传到上面所说的根目录怎么办?没关系,你可以在网页源码的 <HEAD>标签里区里面加上下面的设定:
<HEAD>
<LINK REL="SHORTCUT ICON" HREF="http://www.baidu.com/favicon.ico">
<TITLE>My Title</TITLE>
</HEAD>
记得要把上面的http://www.baidu.com/favicon.ico代换成你自己的 URL 。使用这个做法的话,就不一定要把图形文件放在网站的根目录下面了,你可以放在任何位置,甚至直接连结到其他网站上面的图形文件也可以,而且图形文件的文件名也不一定要叫做 favicon.ico,可以自己随便取。不过要注意的是使用这个做法的话,只有在网友把有加入上面 HTML 语法的页面加入书签的时候才会有作用。
大功告成!只要有网友将你的网站加入收藏夹中,你的 logo 就会出现在收藏夹目录里面了。不过有一点请记住:你的 logo 在网友还没将你的网站加入书签以前是不会被看见的,而且有些免费网页空间并不支援 ico 图形格式。
如果你favicion.ico已经传到你网站空间的根目录下了,依然不显示的话,那你就关闭浏览器,重新打开空白的浏览器,找到浏览器的“工具”,然后“删除浏览的历史记录......”,再打开你的网站,就可以了。我试过了,可以的!
<LINK href="kei.ico" rel="Shortcut Icon"> (请将kei.ico改为你对应的图片名称)
这段代码是将ie地址栏前的图标换成自己的icon;
而
<LINK href="kei.ico" rel="Bookmark"> (请将kei.ico改为你对应的图片名称)
是将收藏夹中图标换掉。
或者
<link rel="icon" href="/favicon.ico" type="image/x-icon" />(可修改对应的.ICO名称)
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />(可修改对应的.ICO名称)
这是我在百度云测试的效果:
这是百度的:
- 如何在地址栏加上网站的标志、LOGO图片
- 如何在地址栏加上网站的标志、LOGO图片
- 使网站在地址栏有标志图片的方法
- 如何在自己的网页的地址栏前上加上自己的logo
- 怎样给自己的网站添加一个在浏览器标签、地址栏左边和收藏夹上显示的缩略logo标志
- favicon.ico网站logo-显示在浏览器地址栏前的图片
- 更改网站地址栏的logo
- 制作网站的缩略logo标志
- 新产品,等加上标志图片的插件
- 怎么在地址栏显示公司的logo
- 在网页的title前面加上logo
- 请问如何在自己的站点里(浏览器地址栏)显示自己的的LOGO图标?
- 怎样在网站网址前(地址栏titile)或者标题前显示一个小的网站logo(.ico图标)
- 地址栏上的LOGO
- 在地址栏里显示logo
- 如何设置网页地址栏前面的标志favicon图标?
- 如何设置网页地址栏前面的标志favicon图标?
- 如何设置网页地址栏前面的标志favicon图标?
- 【面试】:数组和链表的区别
- 为Galaxy nexus 编译官方Android源代码---以及下载官网binary驱动
- 【读书笔记】黑天鹅 如何应对不可预知的未来
- Java操作Hbase进行建表、删表以及对数据进行增删改查,条件查询
- java程序员面试宝典(1)
- 如何在地址栏加上网站的标志、LOGO图片
- Nginx内核参数相关的优化设定
- 动画图解傅里叶变换
- 流程控制语句
- MPlayer移植到TI DM816X
- hdu3790 最短路径问题 dijstra
- 冒泡提示框的纯css脚本
- 【转自Matrix67】判定被7、11、13整除的简易方法
- inline函数