Favicon是什么?就是每个站点网址前那个小图标。
想到给友情链接加上各自个性的Favicon,我当然绝对不是第一个。如之前万戈这个哥写过《获取 Favicon 服务美化友情链接》,文中技术含量过高直接导致效果出不来的一大片,或者说直接吓倒一大片。另外也有个jQuery插件叫:FAVORITE ICON,不过为了一个图标单独用一个JS,有点奢侈的所。我借用了它其中的几个字母,就给效果做出来了~
图标调用的是Google的,有些小朋友或者童鞋,就一个蓝色的小球球,杯具……是GG的服务器上没有你站点的缓存,我也米办法。比如万戈童鞋……
<script type="text/javascript"> jQuery(document).ready(function($){ $(".linkp a").each(function(e){ $(this).prepend("<img src=http://www.google.com/s2/favicons?domain="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+" style=float:left;padding:5px;>"); }); }); </script>
上面啥代码,放哪?是jQuery,也就JS,不提醒也要知道必须要加载jQuery库才有用,放页首或者页尾都行,但需先加载jQuery库。
具体含义就是:命令jQuery游历所有class=“linkp”(需修改!)下的a标签,然后在相对应a标签内添加img,src是GG服务器加对应a标签内的href主网址,并添加样式左浮动填充5px。
内容很简单,不过这篇文章写了1个小时……因为写了两遍……保存草稿竟然内容变空了……大大的杯具!




sofa!
月评榜单里都遥遥领先那!
抱万戈大腿,然后@林木木:在万戈那里看到,曾经想用,但突然又懒了,现在你这里又有更简单的方法,但还是懒,暂时不折腾了——发觉js越来越多了= =
有折腾兴致了,一次性给折腾了!
看看我写的,再看看你写的,MS是我的复杂好多。。。
jQuery来得直接呀,对扫到的对应a标签中直接插入(prepend)img啦,不然该文件还真不好改!
这个是不是对那个单独的友情链接页面用插件哦
哎
我就是直接放上去的……
好就也编辑折腾下
不是插件呀,jQuery代码,就是一段JS,可以对所有a标签呀,前面的那个就是限定的范围
昨天无意中发现作者博客,搞得没事就上来看看博主更新了啥~~~技术文章很受用,谢谢~~
俺是生活和技术结合,生活写多了,就技术融合融合~
弱弱的问一句:木木,我的链接地址还没换回来?
(小提示:应该是:untitled-document.cn)
额,可能上次没换就忘了……不好意思哈!
呵呵,没关系,
知错就改就是好同学!
哈,能显示出我的。
呵呵,一般都能显示出来的,显示不出来,我也疑惑……
评论不能省~
不折腾wp了,口水也变少了。争取上榜。现在个个都搞水王啦。哈
哈哈,水水更健康!
很简洁有效的办法,相当好
嘻嘻,不过还是需要一定动手能力的哦~
这个,真不错,代码比较少。
一句代码搞定!
不错的东东~~有空折腾下
恩,好了我围观去哈1
呃~~大半都是没图标的~~杯具啊~~
还是不用先~~
额。。没有图标的占一半以上
原因未知……
一直想做个favicon,可是不会
找个好图,转化成ICO就行了~
悲剧,我的favicon没显示出来。。。
小球球还不难看……这得问GG去了
哈哈,看上去效果不错
一句代码,弄出这个效果,还算可以了!
恩,很不错,尽管我用不上
不过还是收藏了
多谢支持哦~呵
不错不错,收藏
哈,感谢支持哦!
很好很强大,要试试
这对久酷应该没啥难度吧?
貌似还没有找到中意的Favicon。。。
记得最早我还是直接用其他站点的FAV的呢……
我是随便找了一个,先用着吧,总比默认的好看点~
嘿嘿,收藏+学习一下,jQuery就像另一种程序语言似地,很方便的说 ~
jQuery就是JS的高级语言嘛,功能当然更是强大!
我好像是用的插件 代码不会用哦
效果能出来就行!当然自己能搞定,还是代码来得直接!
看了才发现自已的链接表好丑…
那赶紧,不然太对住友情了!
呵呵!
很不错,我喜欢.突然发现,你也是个性情中人,感情也挺细腻的.
哇咔咔,这都让你看出来了呀,俺不好意思的讷~
额..细腻吗?
有了前面的基础,后面改起来方便好多啊。
恩,直接是一句代码一句代码添加就是了!
呵呵,我的笑脸~~
额额
谢谢,我看见了自己的图标了。
呵呵,为何我成了澳洲来的客了
好玩了哦,插件判断出错了吧
文中也算是介绍了一个jQuery的函数,也可以添加其它内容到其它地方的嘛!
域名好个性阿
还好还有就5个M而已~
又人品了,米有我的ICO。。
怪Google吧……
我的是個球……
Google缓存米有,所以就默认的球了……
我怎么没看到我的链接呢?
貌似,我们没交换过链接吧?
阿!
我还没上榜,继续日
注意适度,日得刚好就好!
发现我的评论竟然没有了 = =
哪篇文章的?WordPress又发生灵异事件了?
所以说弄个离线更新工具还是很必要的
咳,看来以后发布或者更新前得Ctrl+A,Ctrl+C一下了。
原理都是一样的,都是通过调用GG缓存的ICO
偶的友链就是一长串~
也挺好看的,这主题显示的!
那个。。弱弱问下。。怎么看链接分类ID是多少??
后台-链接-链接分类目录,点一个分类编辑,看地址栏中 &cat_ID=191
我之前看到万戈那的这个东东,也用上了..
木木,你的图片效果是怎么实现的?也是jQuery?
picasa-images-express插件调用的图片特效highslide~
这代码添加去哪?
不懂
呵呵,看下相关文章里的内容吧~
完全不懂….不知道怎么弄,没用过jQuery这个
gg的fav缓存都被你找到了。。
这个很早就被万戈童鞋,还是哪个童鞋给发现了~
哈,很好,找到了。。。
那赶紧试试吧~
<?php get_links(0, '’, ”, ”, TRUE, ‘url’, FALSE); ?>
怎么添加啊?
帮帮忙啊,木木,好像不行啊。。
我是新建一个页面,把如下代码许进去。。
<script type="text/javascript" src="/wp-includes/js/jquery/jquery.js”>
jQuery(document).ready(function($){
$(“.linkp a”).each(function(e){
$(this).prepend(“”);
});
});
现在搞定了。。。
呵呵,自己搞定的感觉不错吧!
经过我的不懈努力。终于实现了!
呵呵,恭喜恭喜,折腾愉快`
都来学习了:)
抬举抬举了~
问一下:上面的代码放哪里啊?具体怎么用?能详细点吗?我参考了万戈的友情链接独立页面,页面出来了,图标弄不出来。
文末已经有说明,是jQuery代码,具体怎么用随便搜索下不就知道了?
不明白啊!在看到你这篇文章之前我都还不知道有个东西叫jQuery呢?
问搜索引擎撒~
博主,我是新人,我把那个友情链接页面搞出来了,但是友情链接是竖着排的,能不能把他横着排,就想你的那样!
能,具体你参考我的CSS咯……啊?不懂CSS?赶紧搜索去撒~
来吧,回复我的留言吧
恩哈?现在弄了个活动,评论很容易漏回复哟……
没事,学习了就留个记号,呵呵
好东西 受用了
恩哈~