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

时间: 2011-07-15 / 分类: 收藏推荐 / 浏览次数: 25,824 / 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

99个评论

评论分页: 1 2

发表评论

您的昵称 *

您的邮箱 *

您的网站