为WordPress下载链接添加网盘图标

时间: 2011-07-15 / 分类: 收藏推荐 / 浏览次数: 22,168 / 99个评论 发表评论

网络硬盘们撒着欢儿的增加容量,提高速度,提高易用性,这么方便的网络服务,如果不好好的加以利用,实在是“暴殄天物”了。其实这些年来我博客上的很多下载都是通过网络硬盘提供的。

本来想为下载链接添加一个下载图标的,但是单一的图标无法区分网络硬盘服务,而且之前文章中的下载链接,还得去一篇篇修改吗?答案是否定的,所以搜索了一下选择了通过修改CSS的方式为下载链接添加不同的网盘图标。如下图所示:

我挑选了几个国内常用的网盘服务:115、数据银行DBank、uudisc、box.net、飞速网RayFile、Mediafire和纳米盘。只需要在后台修改当前主题的CSS文件,然后将网盘图标上传到当前主题目录下的image文件夹就OK了。代码如下:


/* download icon */
a[href^="http://u.115.com/"]{background:url(images/115ico.png) no-repeat left center;padding-left:19px;}
a[href^="http://dl.dbank.com/"]{background:url(images/dbank.png) no-repeat left center;padding-left:19px;}
a[href^="http://www.uudisc.com/"]{background:url(images/uudisc.png) no-repeat left center;padding-left:19px;}
a[href^="http://www.boxcn.net/"]{background:url(images/boxnet.png) no-repeat left center;padding-left:19px;}
a[href^="http://www.box.net/"]{background:url(images/boxnet.png) no-repeat left center;padding-left:19px;}
a[href^="http://www.rayfile.com/"]{background:url(images/rayfile.png) no-repeat left center;padding-left:19px;}
a[href^="http://www.mediafire.com/"]{background:url(images/mediafire.gif) no-repeat left center;padding-left:19px;}
a[href^="http://d.namipan.com/"]{background:url(images/namipan.gif) no-repeat left center;padding-left:19px;}

这是网盘的图标,大小为16*16,放到网盘上提供,需要的话可以下载。

网盘图标网盘下载:  u.115   uudisc   dbank   box

历史上的今天

2016年:多看阅读·书摘合集(28)(9条评论)

2015年:Windows 10初体验2(72条评论)

2014年:水木坑爹女,有你这样的女儿真好(72条评论)

2012年:快乐星期天214期:一周美女秀(21)(42条评论)

2010年:MooTools HTML5 视频播放器: Moovie[译文146](51条评论)

2008年:电话号码正则表达式(0条评论)

2008年:ASP.NET:CompareValidator的使用(0条评论)

2007年:博客十周年(2条评论)

2007年:[转载]被误传了几千年的七句话(0条评论)

2007年:说“色”(0条评论)

99个评论

  1. simplove
    2011/07/16 18:56:21

    我用的是Dbank的大图标。现在我就只用它来做为下载网盘了,其它的很少用。给我升到20多G了,单个文件也支持200M,过几天再提升为300M。

  2. Always.Life
    2011/07/16 20:06:06

    a[href^=”http://u.115.com/”] 这个代码看的不是很懂。。 。。。

  3. 自在
    2011/07/16 22:52:21

    这个挺好,一直有在用115和dbank

  4. 罡风行
    2011/07/17 10:42:57

    确实很实用。

  5. rollom
    2011/07/18 07:58:56

    我想知道怎么把“下载”两字用图标代替,不知道有没有这样的插件

  6. 灰狼
    2011/07/18 21:48:24

    其实可以合并为一张图的,加载更快~~~

  7. 皇家元林
    2011/07/18 22:17:38

    哟。。看起来不错啊

  8. 安卓汇
    2011/07/20 16:01:36

    这个不错哇。。很好很实用。。。

  9. 知蚁博客
    2011/07/20 21:06:18

    115网盘,用过一阵子,不想再用了

  10. 灰狼
    2011/07/21 12:00:32

    http://www.itlobo.com/articles/1518.html 我介绍过了,另外你的评论,为什么看最新评论要翻页啊~~~多麻烦,最新的应该是不用翻页的,不知道你的习惯怎么是最旧的不翻页

    • Louis Han
      2011/07/21 14:00:43

      @灰狼, 嗯,我设置一下试试吧,貌似应该是最新的不翻页才对

  11. zrqx008
    2011/07/24 22:17:10

    没那个需求就不用了。

  12. ninnworx
    2011/07/25 23:48:10

    我的博客现在快成资源站了。用到都是115,Dbank,飞速还有驴子上的资源。这个挺有用,收了下,那天好好弄一弄。
    弄一弄,说的挺猥琐啊。哈哈。

  13. 老杨
    2011/10/06 05:29:55

    很郁闷,本地测试成功。上传空间测试失败

  14. 寻寻觅博客
    2015/11/30 23:12:43

    图片打不开了啊

评论分页: 1 2

发表评论

您的昵称 *

您的邮箱 *

您的网站