①首先，需要有这么个"图标主体"库
②其次，把这个"图标字体"库,引入html页面(是图标字体库对应的css引入html)
③最后，使用"图标字体"库
具体 *** 作：
制作"图标字体"：
①这里以http://www.iconfont.cn为例子，来制作:
首先，打开网址后，页面右侧有登录按钮，先进行登录 *** 作(后面会说明外面为什么选择登录，也可以不登录。但我还是建议登录。)
②制作图标，这个制作的图标是要svg格式的可以找自己公司的设计师去设计，也可以在里面的图标库搜索自己需要的图标的名称，比如"首页，分类"等。
③ 点击自己选择的首页和分类，它会在这个位置出现：
④然后点击下载到本地，就自动下载一个叫"iconfont.zip"的压缩包。这个就是图标字体库。解压这个压缩包可以发现有这些文件：
1部分是指图标内容，可以忽略，但不能删除
2部分是指图标css，不能删除
3部分是使用图标的示例dome，可以删除(建议保留)
⑤使用图标：
打开dome.html,在浏览器中可以看到，相关的下载的图标，以及如何使用。这里可以我提一下，使用图标有2中方式，1是以内容的形式使用，2是以css 的形式使用：
第一步，准备一个图标制作软件。首先您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以.ico 作为扩展名。普通的图像设计软件无法使用这种格式，所以您需要到下载一个ico图标工具,
第二步，确定“收藏夹”图标的规格。
在收藏夹里出现的是16*16；所使用的颜色最好成绩不要超过16色。（为了清晰）,如果你不清楚可以在C盘查找*.ico格式的图标,应该能在IE缓存里找到那些网站的图标,你可以打开这些图标就可以知道该用什么格式的了,跟人家的一样就行。
第三步，设计一个属于您自己的图标。
你可以将您的网站的LOGO做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之，它一定要是属于您自己的，并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为：favicon.ico(注意,需要命名为这个文件名方可)。可以制作的醒目些。
例如用一个本机上的图标文件改一下吧。从本机上搜索一个文件，复制到桌面。用Microangelo打开，修改成16*16，使用256色吧,另存为favicon.ico。
最后，只需要将这个图标文件（favicon.ico）上传到您的网站所在的服务器的根目录下。(也就是你的主页index.html所在的那个文件夹)您不需要对您的网页文件作任何的修改，IE5会自动的不停的搜索您的网站的根目录，只要它一发现了favicon.ico 这个文件，就会将该图标显示在访问者的地址栏和收藏夹列表中了。
如果您希望为不同的页面设置不同的“收藏夹”图标，那么您就需要在该网页文件的HEAD部分加入下面的内容:
<link rel="shortcut icon"href="myicon.ico">
注意：该图标的路径一定要使用绝对路径。
2、第二种方法:在首页HTML文件中，加入link命令，<link>是放在<head>与</head>之间
例如下面这样：
<HEAD>
<link rel = "Shortcut Icon" href=/favicon.ico>
</HEAD>
其中的href="/favicon.icon（只是一个例子，你只要将他替换成你的网址）将favicon.ico替换成你制作的ICO文件名即可
这样只有当网友把你的网站加到Internet Explorer的收藏夹中并重新打开Internet Explorer浏览器之后，你自行制作的图标才会显示出来。
首先，楼上的回答只说其一不说其二，错是没错但是不完整。首先使用硕思反编译是没错。但是人家要的是鼠标。你们看过那个SWF文件里的资源了吗？鼠标的格式是ANI或者CUR等，而那个SWF资源里只有图像和形状，所以不但要反编译这个SWF文件，还需要使用转换工具，将图片转为ANI鼠标才可以。例如MICROANGELO。该鼠标我已经给你做好了。点下面的网址，右击，另存为就可以了。
http://www.thltm.com/dream/2.cur
相关软件下载地址及制作过程：
硕思4.0免费版
http://www.crsky.com/soft/11610.html
MICROANGELO6免费汉化版
http://js2.xdowns.com/102/UploadFile/2006-9/200692212191918019.rar
先用硕思提取出http://blondy-bb.com/top.swf里那个小指针的图像资源，然后使用
MICROANGELO6中的其中一个工具叫m6studio，点制作指针，将提取出的图像导入，再将图像部分剪切，移动到制作界面的左上角（否则会出现焦点不准），保存一下就可以了。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）