美文网首页
创造收藏夹中的个性化图标

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

作者: 培训机构 | 来源:发表于2016-12-12 18:49 被阅读7次

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

现在在浏览网页的时候,你会发现很多网站都会有“将我加入收藏夹”的选项,也许你的网站中同样有这样的选项,因为这确实是让浏览者记住网站的一个好方法。但是,当收藏夹中的网站越来越多,所有的网站都是一个丑丑的蓝色

IE

小图标加上一个网站名,让人感到无所适从。怎样才能在这众多的网站中脱颖而出呢?正当你麻木地盯着那堆看起来一模一样又毫无生气的书签的时候,忽然发现其中一个书签看起来很不一样,有个让人眼睛一亮的logo!没错,如果能把那个IE小图标换成一个个性化的Logo,一定能够吸引人注意。现在就让我们进入正题,看看怎样做出这样的效果。

IT教育介绍,请注意:这招只对 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"

TITLEMy 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 = "USPAN STYLE='color:blue;cursor:hand;'";

sText += "onclick='window.external.AddFavorite(location.href,";

sText += "document.title);'添加进收藏夹/SPAN/U";

document.write(sText);

}

//--

/SCRIPT

大功告成!只要有网友将你的网站加入收藏夹中,你的 logo 就会出现在收藏夹目录里面了。不过有一点请记住:你的 logo

在网友还没将你的网站加入书签以前是不会被看见的,而且有些免费网页空间并不支援 ico 图形格式。

相关文章

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

    创造收藏夹中的个性化图标 现在在浏览网页的时候,你会发现很多网站都会有“将我加入收藏夹”的选项,也许你的网站中同样...

  • 更改网站图标

    以下方法将图标更改为 URL: 当您想动态更新图标时,例如,更新到社交网站中的用户图标时: 使用表情符号作为收藏夹...

  • Win10下如何将我的电脑放在桌面

    右键单击 点击个性化 左边选择“主题” 载选择“相关设置”-------->“桌面图标设置” 桌面图标中勾选“计算...

  • favicon.ico

    一个还不错的图片转成ico格式的网站. 本质 网站图标(favorites icon),亦或收藏夹图标 调用方式 ...

  • 禁止 favicon.ico 请求 - H5移动端

    favicon.ico 图标用于收藏夹图标和浏览器标签上的显示,如果不设置,浏览器会请求网站根目录的这个图标,如果...

  • Django添加favicon.ico图标

    所谓favicon,即Favorites Icon的缩写,让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别...

  • win10添加桌面图标

    右击,选择个性化。 点击主题。 点击桌面图标设置。 勾选图标,确定。

  • 软件技巧(1)---- Win10 办公技巧

    桌面图标设置(设置要显示的图标) 桌面右键选择 个性化 ==> 主题 ==> 桌面图标设置选择要显示的图标主要包括...

  • UI设计中线性图标设计总结

    UI界面中的图标主要可分为三类:线性图标、面性图标、线面结合图标。结合三种基础类型可以创造出各式各样的图标形式。今...

  • 禁止网站调用favicon.ico请求

    favicon.ico来源 favicon.ico是浏览器标签和收藏夹标签对网站的精简图标。如果网站的目录中没有这...

网友评论

      本文标题:创造收藏夹中的个性化图标

      本文链接:https://www.haomeiwen.com/subject/dgzmmttx.html