做网站的朋友多多少少会发现别人的ico很漂亮,而自己的网站竟然没有一个小标志,虽然没有细节决定成败描述的那么严重,网站如果有一个形象ico标志也是非常不错的,那么ico如何制作呢?这里给大家介绍一下IconWorkShop软件工具,IconWorkShop是一个非常实用方便的制作ico格式文件的小工具~也许有一些对网页知识不是很了解的网友并不清楚什么ico文件,那我给大家介绍一下。
P"y`A}Bx ico是Icon file的缩写,是Windows的图标文件格式,你桌面上的“我的电脑”、“文件夹”等图标,都属于.ico文件。
0-HqPdjR 另外,当你浏览某些网站时,你可以看一下地址栏,如果你使用的是非IE浏览器,那前面肯定会出现一个粉红色小叶子的图标(IE在这方面显示不是很好),而不是通常情况下的e字母文件,将ico文件应用到网站中,会使自己的网站更加个性大家都知道PS是生成不了ico文件的,有了这个工具,你不必再找一些专业的制作ico格式文件的工具,其它软件使用起来相对于IconWorkShop来说比较麻烦,当然其他功能方面会比较全面。
6*B1 9+- P7nc7a 以IconWorkShop为例子: \`oT#|0 一、准备: 3L833zL 1、下载并安装Icon制作工具
中文汉化版IconWorkShop下载 8jd;JPz@\ -fwoTGlX 注册码:
本部分内容设定了隐藏,需要回复后才能看到
Mr;E<Lj ^K d
F9!G;V 2、图片不要太大,Icon(.ico)
图标一般在IE地址栏显示是16X16像素。可以用里面的铅笔自己画,也可以导入图片。
做好了图就命名为favicon.ico,放到网站根目录下。 A )^`?m3 "x=f=; 二、加到网页中做鼠标指针图标 TD'L'm|2
其实这步很简单,实现这个功能是使用CSS,在HTML页面的head标记中加入一些CSS代码即可,加入什么样的代码可以根据不到的需要来决定,如下要在整个页面中都加上一个图标则可将下列代码加入:
/2UH=Q!x4E 复制代码- <style type=text/css>
- <!–
- BODY{cursor:url(1.ico);}
- –>
- </style>
-
|
SH_(rQby |zQ4u 三、IE地址栏前换成自己的图标 q*F{/N** WordPress在当前主题的header.php里面加上:
Xe<sJ.&Wf 复制代码- <link rel=”icon” href=”/favicon.ico” type=”image/x-icon” />
- <link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon” />
-
|
~aMlr6; .QA }u ,EN 下载地址: 本部分内容设定了隐藏,需要回复后才能看到
CjlKMbnBH