关于浏览器标题左面的小图标

0 0

关于浏览器标题左面的小图标0

这个小图标只能在有地址栏那里和tab页那个地方修改吗？IE顶部的那个位置不能修改吗？
模态窗口中的也是这样吗？

2012年7月09日 12:35

lph279430114
2
0 0 0

这就是网站标题栏ICO图标的制作
第一种：用软件来制作
   打开软件，按照操作就可以了，这是一款绿色软件，使用起来非常的方便，载入图片，调整图标的尺寸就可以了，而且是中文。
   软件下载地址:http://ytzjq.jahee.com/1000xiao/Ico-img.rar

第二种：最近发现的一个网站帮你制作ico图标，用起来更方便了!
   网站地址是：http://www.html-kit.com/favicon/
   虽然是一个英文的网站，但你不用管他，浏览上传你用图象处理软件做一个16X16的小图片,格式可以是.gif, .jpg, .png的.然后点击 Generate Favicon.ico 生成后下载就可以了。
    1、如果你想把图标在收藏夹里显示，尺寸为 16x16 文件名一定要为 favicon.ico。把这个文件上传到根目录下，就可以了，系统会自动查找这个文件的。
    2、如果你想让你的图标在任意页面都可以显示，尺寸还是16x16 将这个图标文件命名为wishu.ico 或favicon.ico。在网页文件的head部分加入下面的内容：

如何制作 ICO 图标？

这里使用最简单的办法。因为 ico 格式图片比较特殊，一般软件（如 Windows 自带的画图、Adobe Photoshop 等）都制作不了，我们就分两步做。

第一步是用 Windows 自带的画图或 Adobe Photoshop 制作一个 ico 的原图，格式可以是 jpg / jpeg / gif / png 等，大小大概在 32×32 像素差不多，最好是 16px×16px 的，因为浏览器标题栏和地址栏上显示的就是这个尺寸。

第二步是将制作好的 ico 原图转换为 ico 格式，制作好后去一个可以在线转换 ico 格式的网站（百度一下会有不少，也可以下载一个转换软件进行处理）。这里推荐 http://www.bitbug.net// ，打开该网站后界面很清晰明了，经数秒简单的处理即可转换为我们要的 ico 格式图标文件，文件被自动命名为 favicon.ico。
    这样 ico 图标就制作完成了。

如何让 ICO 图标在网站上显示？
先将转换好的 ico 图标文件上传到网站任意目录，一般为根目录。以我的为例，我上传到 /bbs 目录下，也就是说 ico 文件的路径是 /bbs/favicon.ico。
然后在需要显示该图标的页面模板头部（<head> 与 </head> 之间）插入以下代码：
<link rel="Shortcut Icon" href="/bbs/favicon.ico">
如果你的模板是 XHTML 规格的，代码应该是：
<link rel="Shortcut Icon" href="/bbs/favicon.ico" />

最后注意哦，它只能上传后用IE6以上版本才可以浏览喔！

2012年7月09日 12:47

zyn010101
2795
2 3 156

添加评论

0 0

<link rel="icon" href="${ctx }/resources/images/favicon.ico" type="image/x-icon" /> 
<link rel="shortcut icon" href="${ctx }/resources/images/favicon.ico" type="image/x-icon" />

你需要一个ico的图片

favicon.ico 在你 tomcat D:\a\Tomcat 6.0\webapps\ROOT 将 favicon.ico 替换成你的。
就可以了

2012年7月09日 12:39