给你的blog添加超酷动态favicon(页 1) - WordPress 主题(Theme) - WordPress Chinese Forums - WordPress 中文论坛

samubra 发表于 2008-11-11 13:37

给你的blog添加超酷动态favicon

你是不是看到有些网站上有非常酷的动态favicon,呵呵,今天,我献丑说说我的办法,发出来接受批评```
首先制作好你要用于制作favicon的图片，格式为jpeg、gif等，然后把图片上传到这里：[url=http://www.xiaotupian.cn/favicon/]http://www.xiaotupian.cn/favicon/[/url]，它可以实现动态效果，在选取图片的同时在文字输入栏输入你想要的文字。然后点击制作图片，等制作好后下载图片包。
在下载包里有favicon.gif和favicon.ico文件，上传到你的wp目录，然后用代码编辑器（如记事本）打开主题的header.php文件，在<head>与</head>之间插入以下代码：
[color=#080000][code]
<link rel="icon" href="favicon.gif" type="image/x-icon">[/code][/color]
这里简单解释一下，因为只有Firefox/Mozilla/Netscape/Opera浏览器可以支持GIF格式的Favicon图标,IE不支持GIF格式的Favicon图标,所以只能使用ico文件。如果想要是IE浏览器的时候使用ico文件，其他Firefox/Mozilla/Netscape/Opera浏览器就使用gif图标。这里要用到css里边的招数（css对于不同浏览器bug而设置的解决办法），
[color=#080000][code][/code][/color]只会在IE5或更高版本的时候才能够识别，其他浏览器均会当作是注释忽略。所以在上面的代码中如果是IE5或更高版本的时候使用
[color=#080000][code][/code][/color]语句，下面的
[color=#00ff00][code]<link rel="icon" href="favicon.gif" type="image/x-icon">[/code][/color]
不会显示。当其他浏览器的时候，忽略掉
[color=#080000][code][/code][/color]只显示gif图标。两全其美，不是很好么？
保存header.php，上传覆盖，用不同的浏览器刷新页面看看，是不是不一样啊？
这是我在学习css的时候学到的，在IE浏览器需要特别的css文件的时候就会使用这样的办法插入不同的css文件，不会影响其他浏览器的效果。
效果展示；[attach]5889[/attach]

[[i] 本帖最后由 samubra 于 2008-11-11 18:54 编辑 [/i]]

samubra 发表于 2008-11-11 14:17

自己顶一下```

david.beckham 发表于 2008-11-11 14:50

效果图，预览图能不能看一下啊

scutdk 发表于 2008-11-11 15:15

学习

samubra 发表于 2008-11-11 15:38

好的，刚换了主题，还没来得及添加，呵呵呵··

samubra 发表于 2008-11-11 15:43

具体效果请进我的blog看看··
可以左右或上下滚动的效果··

xxooxxoo 发表于 2008-11-11 17:54

顶一下，弄个图吧，呵呵

samubra 发表于 2008-11-11 18:56

效果图已经补上了··

trasier 发表于 2008-11-11 19:00

回复 3# 的帖子

我用的就是！

dingood.com 发表于 2008-11-11 19:19

有的浏览器不支持动态的，还是静态的比较好

samubra 发表于 2008-11-11 21:20

是不是只有IE不支持动态的
我的方法就是IE显示静态，其他显示动态的···
现在只判断了IE和非IE

白金断戒 发表于 2008-11-11 21:23

收藏了

lnd 发表于 2008-11-11 22:48

不错

maomao 发表于 2008-11-11 23:12

MAXTHON也不动。。。不如静态的好。直接放到根目录就OK了。

samubra 发表于 2008-11-12 10:16

MAXTHON是IE的内核吧，当然不会东东了

页: [1]

WordPress Chinese Forums's Archiver

给你的blog添加超酷动态favicon

回复 3# 的帖子