为友情链接添加Favicon|iNove主题

Posted by Harid2010 - Sep - 20 留个言

iNove主题自带有友情链接的模板页,直接在后台添加该类型页面即可。该模板对应到主题的具体文件就是links.php。因此要为每个友链名字前添加Favicon,只要修改该文件并添加合适的CSS样式即可。

在该文件里,关键是下面这一段代码:

找到症结所在了,开始动刀!

首先在 style.css 里找出上面class中的“linkcat”部分,将其改为适合你自己主题的样式,我的是:

.post .content .linkcat ul li{list-style:none;float:left;width:100px;padding:2px 0;overflow:hidden;border: 1px solid #dadada;margin: 3px 5px;background-color:#E3F6CE;}
.post .content .linkcat ul li a{padding-left:15px;height:16px;line-height:16px;}

然后,在该文件的头部加载jQuery库:

并在该文件的最后面加上下面这一段:


好了,我的是搞定了,差强人意!效果见“网上邻居”。如果GG没有缓存有你的网站的Favicon,则会显示一个小球的图标,检测有没有你网站的缓存:http://www.google.com/s2/favicons?domain=yourdomainname。下载我的这个文件:

   声明:本文采用 BY-NC-SA 协议进行授权 | 星期九
   原创文章转载请注明:转自《为友情链接添加Favicon|iNove主题

Comments(12) Leave comments
  1. Gravatar
    C度 Mozilla Firefox Mozilla Firefox 7.0.1 Windows Windows 7
    十一月 9th, 2011 at 23:13  | #1

    想弄但不太明白!

  2. Gravatar
    yesureadmin Google Chrome Google Chrome 10.0.648.204 Windows Windows XP
    四月 9th, 2011 at 08:43  | #2

    找了一下没有发现友情链接模板

    • Gravatar Harid  @  四月 9th, 2011 at 09:39 replied.

      @yesureadmin, 现在的这个主题里可能已经没有这个了吧。不过关键代码上面已经给出了,自己加点CSS就行了。

  3. Gravatar
    WordPress啦 360 Browser 360 Browser SE Windows Windows XP
    九月 27th, 2010 at 14:28  | #3

    切实不见代码也可以,把ico标签放到根目录就可以了,加代码可以做个动态的

  4. Gravatar
    煎豆 360 Browser 360 Browser SE Windows Windows 7
    九月 22nd, 2010 at 10:45  | #4

    节日快乐~~~

  5. Gravatar
    abx Google Chrome Google Chrome 7.0.529.0 Windows Windows XP
    九月 22nd, 2010 at 08:20  | #5

    中秋快乐

    • Gravatar Harid  @  九月 22nd, 2010 at 09:25 replied.

      @abx, 谢谢谢谢!

  6. Gravatar
    joyla Google Chrome Google Chrome 6.0.472.55 Windows Windows XP
    九月 21st, 2010 at 09:29  | #6

    好多人都在加,看来我是不是也加上??

    • Gravatar Harid  @  九月 21st, 2010 at 13:15 replied.

      @joyla, 加上吧,这是对友链朋友的友善。最近忙啊!

      • Gravatar joyla  @  九月 21st, 2010 at 20:07 replied.  | #7

        @Harid, 特忙,不好意思啊!这两天事情很多 要处理完,好回家!多担待啊!呵呵

52 + 80 =  (required)
comment_ad

 NOTICE1: You should type some Chinese word (like “你好”) in your comment to pass the spam-check, thanks for your patience!

 NOTICE2: 请申请gravatar头像(http://en.gravatar.com),木有头像的会显示为“小怪物”头像,将难以通过审核!

分享按钮