知了博客

集天地之精华,吸日月之灵气

« am,pm全称在Z-Blog中添加广告的详细方法 »

网站头像: favicon.ico

用了一上午来做这个网站头像,说说个人感觉。开始从网上查看了一些资料,在本地iis 5中测试,在世界之窗浏览器中测试,然后看不出效果。首先是把favicon直接放在要目录下,然后去修改zblog但是没有任何效果,最后在ff中能过了。这说明是因浏览器的原故,导至显示不了。

favicon作用:
favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo。

favicon制作:
建议制作一张400x400的jpg图像,然后等比缩小到你想转换的ico尺寸(一般为16×16,如百度;也可以制作成为32×32、48×48等)
最后用相关软件转换成ico图标格式。
当然也有网上在线制作的。

favicon设置:
成功生成favicon.ico图像后,上传favicon.ico文件到网站根目录下(也可以是其他目录)
在页面(一般为主页)源文件的<head></head>标签之间插入
<link rel="shortcut icon" href="favicon.ico" _fcksavedurl=""favicon.ico"" _fcksavedurl=""favicon.ico"" />
(注:动态的网站管理系统,一般要在主页模板中添加设置)
最后形成:
<head>
...
<link rel="shortcut icon" href="favicon.ico" />
</head>
--

注:直接把favicon.ico存放到网站根目录下,也可以。但我用世界之窗浏览器时不起作用,ie6也不起作用。在ff中可以显示效果.zblogger中也是一样设置


提供个在线生成ico的地址:

你可以将你喜欢的任何一张图片在线转换成ICO,还可以添加文字生成动态ICO。使用步骤:
1、打开 http://www.chami.com/html-kit/services/favicon/
2、点击浏览选择你希望做成ICO的图片
3、点击 Generate FavIcon.ico 按钮提交
4、稍等片刻后,你的ICO将会自动生成,可以点击旁边的保存按钮将ICO下载到本地。
5、最后在HTML的head区插入代码:<link rel="shortcut icon" href="favicon.ico" >

 


  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619 Code detection by Codefense  theme by BokeZhuti

Copyright know blog. Some Rights Reserved.站长(msn):webmaster#webgou.info(#换成@) 粤ICP备09183716号