创造收藏夹中的个性化图标

现在在浏览网页的时候,你会发现很多网站都会有“将我加入收藏夹”的选项,也许你的网站中同样有这样的选项,因为这确实是让浏览者记住网站的一个好方法。但是,当收藏夹中的网站越来越多,所有的网站都是一个丑丑的蓝色 IE 小图标加上一个网站名,让人感到无所适从。怎样才能在这众多的网站中脱颖而出呢?正当你麻木地盯着那堆看起来一模一样又毫无生气的书签的时候,忽然发现其中一个书签看起来很不一样,有个让人眼睛一亮的logo!没错,如果能把那个IE小图标换成一个个性化的Logo,一定能够吸引人注意。现在就让我们进入正题,看看怎样做出这样的效果。
请注意:这招只对 Windows平台的 IE 5.0 或者更新版本的浏览器才能奏效。不过请放心,在其他版本或者作业系统的浏览器上面并不会有任何不良副作用,只不过没有效果而已。

第一步:首先你必须要制作一个看起来既清楚又容易辨识的小图示,为了使做出来的图标与原来的图标风格相似,我们将图标的大小定义为16x16 像素。要制作这种图标文件,你必须要使用相关的图形编辑软件才行。你可以自己从一大堆这样的Icon制作软体里面挑一个来用。这些软件多半可以汇入一些常见的图形格式,例如 BMP 或者 GIF 格式,好让你可以不一定要在里面从无到有重新制作一个图形文件。此外在制作图形文件的时候,你可能需要把色盘设定成只使用标准的 16 色 Windows 色盘,这样做出来的图形才会在各种配置的机器上看起来都是一样的。还有一点很重要:为了显示你的特色,最好不要偷懒!虽然可以直接从一大堆别人已做好的图形拿来用,但想要别人对你的网站留有印象,图标的原创性就显得比较重要了。所以还是自己来做吧,然后把你的作品储存成 ICO 格式,记得文件名要叫做“favicon.ico”。

第二步:
把刚刚制作好的 favicon.ico 文件上传到你的网站根目录去。如果你的网址是:http://www.goeway.com 那么你的 favicion.ico 就应该被放在下面这个URL下http://www.goeway.com/favicion.ico
每当有网友要把你的网站(不管是网站中的哪一页)加入“我的最爱”的时候,IE 浏览器便会到你的网站根目录去寻找看看有没有favicon.ico这个文件,如果有的话,这个文件就会被用来当作书签上面的图示了。但是如果你没办法把文件上传到上面所说的根目录怎么办(比方说你的网页空间是和其他人共享的)?或者你只是要为网站中的某个特定页面设定书签图示,甚至你希望网站中不同页面可以有不同的图片呢?没关系,这时候你可以在网页原始码的 <HEAD>标签里区里面加上下面的设定:
<HEAD>
<LINK REL="SHORTCUT ICON" HREF="http://www.goeway.com/favicon.ico">
<TITLE>My Title</TITLE>
</HEAD>
记得要把上面的http://www.goeway.com/favicon.ico代换成你自己的 URL 。使用这个做法的话,就不一定要把图形文件放在网站的根目录下面了,你可以放在任何位置,甚至直接连结到其他网站上面的图形文件也可以,而且图形文件的文件名也不一定要叫做 favicon.ico,可以自己随便取。不过要注意的是使用这个做法的话,只有在网友把有加入上面 HTML 语法的页面加入书签的时候才会有作用。
下面是一个Script代码,将它加入到你的网页中,则会提示网友将本页加入收藏夹。
<SCRIPT>
<!--
if ((navigator.appVersion.indexOf("MSIE") > 0)&& (parseInt(navigator.appVersion) >= 4))
{
var sText = "<U><SPAN STYLE='color:blue;cursor:hand;'";
sText += "onclick='window.external.AddFavorite(location.href,";
sText += "document.title);'>添加进收藏夹</SPAN></U>";
document.write(sText);
}
//-->
</SCRIPT>

大功告成!只要有网友将你的网站加入收藏夹中,你的 logo 就会出现在收藏夹目录里面了。不过有一点请记住:你的 logo 在网友还没将你的网站加入书签以前是不会被看见的,而且有些免费网页空间并不支援 ico 图形格式。

时间: 2024-08-03 17:08:37

创造收藏夹中的个性化图标的相关文章

如何保存收藏夹中的图标呢?

问题描述 为什么收藏夹中的图标再过一段时间后会自动消失呢?有什么办法能保存这些图标么? 解决方案 解决方案二:变成ico文件打包到工程里面解决方案三:哦,会吗,不知道,我用FF好象不会,IE不知道.解决方案四:等待牛人来答.解决方案五:这个简单啊,网上搜一下就得到答案了.

自定义地址栏与收藏夹中的图标

关于Favicon favicon 在英文中有几个别名,叫做 shortcut icon,website icon,tab icon,URL icon,bookmark icon,对应中文来说也叫作网页小图标.网站缩略图或收藏夹图标.书签图标.这实际上就是与某个网站或地址关联的图标文件.如果网站上传了这个图标文件,用户使用浏览器(仅限于支持这个功能的浏览器)浏览时,就可以把图标显示在浏览器的地址栏中(有时也会显示在历史记录中),如果添加了收藏则收藏夹中也可以看到图标.现在支持标签页的浏览器,会将

win7系统中如何将常用的文件夹添加到收藏夹中?

  每个人的电脑中都会有一些常使用到的文件资料,咱们习惯将这些资料全部存放在一起,行程一个单独的文件夹,而这些文件夹就是咱们日常操作中经常需要使用到的文件夹.但是一般来说,咱们都会将这些文件夹存放到win7 64位旗舰版电脑的磁盘之中,每次打开都需要一级一级的点击,十分的麻烦,那么有没有更加的方式可以实现操作呢?其实,咱们只需要将这些常使用到的文件夹添加到收藏夹中就可以了,下面,小编就来介绍一下,win7旗舰版系统中如何将常用的文件夹添加到收藏夹中? 推荐系统:win7纯净版64位下载 1.首先

IE浏览器怎样把收藏夹中保存的网页放到另一台电脑收藏夹

  打开收藏夹,可以看到收藏夹中的网页 直接打开如下地址:C:Documents and SettingsAdministratorFavorites,可以看到收藏夹中的网页 将网页复制或是剪切下来,然后放到另一台电脑的如下路径:C:Documents and SettingsAdministratorFavorites 在新电脑打开一个网页,点击查看收藏夹,就可以看刚刚复制过来的网页

js添加到收藏夹中代码

js添加到收藏夹中代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.jzread.com/1999/xhtml"> <head> <meta http-equi

将Chrome网页书签导入到IE9收藏夹中

先打开 IE9 浏览器,在键盘上按一下"Alt"键调出工具栏.单击"文件-导入和导出". 弹出导入/导出向导后,我们就跟着向导一步步进行操作. 先选择"从另一个浏览器中导入",然后单击"下一步". 勾选"Chrome",然后单击"导入". 导入完成后,单击 IE9 收藏夹按钮,您会发现一个命名为"链接"的文件夹.Chrome 中的网页书签都在那儿啦.

将Chrome网页书签导入到IE9收藏夹中方法

IE9浏览器发布已经有一年多时间了,根据4月份最新的浏览器统计数据显示,Windows 7平台上已经有35%用户更新到了IE9.如果您也已经开始习惯使用IE9了,是不是有想过要把其它浏览器收藏的网页链接转到IE9中? 下面小易就以常见的Chrome浏览器为例,一起来看如何操作. 先打开 IE9 浏览器,在键盘上按一下"Alt"键调出工具栏.单击"文件-导入和导出". 弹出导入/导出向导后,我们就跟着向导一步步进行操作. 先选择"从另一个浏览器中导入&quo

怎么把google浏览器中网页书签导入到IE收藏夹中

下面小易就以常见的 Chrome 浏览器为例,一起来看如何操作. 先打开 IE9 浏览器,在键盘上按一下"Alt"键调出工具栏.单击"文件-导入和导出". 收起这个图片展开这个图片   弹出导入/导出向导后,我们就跟着向导一步步进行操作. 先选择"从另一个浏览器中导入",然后单击"下一步". 收起这个图片展开这个图片   勾选"Chrome",然后单击"导入". 收起这个图片展开这个图片

彩蝶浏览器怎么在收藏夹中新建文件夹?

  彩蝶游览器是个小巧方便的IE游览器.它提供了上网游览网页的完整支持,独特打造, 特有的个性,且不加载不安全的插件,不运行任何不安全网页脚本,安全可靠,放心使用,友情提示.有些不安全不可靠的网页需要某些插件才可以完全显示,请自行判断是否安装. 接下来,小编为大家介绍彩蝶浏览器怎么新建文件夹?浏览器新建文件夹教程. 点击浏览器左上角的"收藏夹"标志,在下拉栏中点击"整理",出现窗口如下,点击"新建文件夹". 输入文件夹名称. 将自己想要添加进入文