为WordPress下载链接添加网盘图标
网络硬盘们撒着欢儿的增加容量,提高速度,提高易用性,这么方便的网络服务,如果不好好的加以利用,实在是“暴殄天物”了。其实这些年来我博客上的很多下载都是通过网络硬盘提供的。
本来想为下载链接添加一个下载图标的,但是单一的图标无法区分网络硬盘服务,而且之前文章中的下载链接,还得去一篇篇修改吗?答案是否定的,所以搜索了一下选择了通过修改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条评论)
上一篇: “生活在济南”文章推介3
下一篇: 快乐星期天162期:一周美女秀专辑(2)
2011/07/16 18:56:21
我用的是Dbank的大图标。现在我就只用它来做为下载网盘了,其它的很少用。给我升到20多G了,单个文件也支持200M,过几天再提升为300M。
2011/07/19 22:16:28
@simplove, 我的dbank空间主要用来做同步了
2011/07/16 20:06:06
a[href^=”http://u.115.com/”] 这个代码看的不是很懂。。 。。。
2011/07/19 22:17:38
@Always.Life, 正则匹配
2011/07/16 22:52:21
这个挺好,一直有在用115和dbank
2011/07/19 22:18:22
@自在, 嗯,我也主要用这两个
2011/07/17 10:42:57
确实很实用。
2011/07/19 22:19:15
@罡风行, 还好
2011/07/18 07:58:56
我想知道怎么把“下载”两字用图标代替,不知道有没有这样的插件
2011/07/19 22:33:01
@rollom, 加个div吧
2011/07/18 21:48:24
其实可以合并为一张图的,加载更快~~~
2011/07/20 07:07:47
@灰狼, 太麻烦了,还得计算图片位置
2011/07/20 10:12:33
@Louis Han, 有工具可以合并的~~不用手工计算滴
2011/08/14 10:28:30
@灰狼, 啥工具,分享一下!
2011/07/20 14:29:47
@灰狼, 给介绍一下啊
2011/07/18 22:17:38
哟。。看起来不错啊
2011/07/20 07:12:16
@皇家元林, 那当然了
2011/07/20 16:01:36
这个不错哇。。很好很实用。。。
2011/07/21 13:33:09
@安卓汇, 嗯,所以我才添加嘛
2011/07/20 21:06:18
115网盘,用过一阵子,不想再用了
2011/07/21 13:39:47
@知蚁博客, 伤了你的心?
2011/07/21 19:54:31
@Louis Han, 主要是不好用,现在在用DBank
2011/07/21 12:00:32
http://www.itlobo.com/articles/1518.html 我介绍过了,另外你的评论,为什么看最新评论要翻页啊~~~多麻烦,最新的应该是不用翻页的,不知道你的习惯怎么是最旧的不翻页
2011/07/21 14:00:43
@灰狼, 嗯,我设置一下试试吧,貌似应该是最新的不翻页才对
2011/07/24 22:17:10
没那个需求就不用了。
2011/07/26 13:35:07
@zrqx008, 呵呵,有需求的时候记得就好了
2011/07/25 23:48:10
我的博客现在快成资源站了。用到都是115,Dbank,飞速还有驴子上的资源。这个挺有用,收了下,那天好好弄一弄。
弄一弄,说的挺猥琐啊。哈哈。
2011/07/26 13:54:27
@ninnworx, 有时间就“搞一搞”吧
2011/10/06 05:29:55
很郁闷,本地测试成功。上传空间测试失败
2011/10/07 21:45:56
@老杨, 为什么会这样呢?是不是没放对地方啊
2015/11/30 23:12:43
图片打不开了啊
2015/12/02 12:10:45
早先的文章图片都挂了