原创 给WordPress下载链接添加网盘图标

分类:wordpress 浏览:4,764次
给WordPress下载链接添加网盘图标

很多博客喜欢用外链来提供下载,节省主机流量又能充分利用网盘的优秀网络服务,可是这时候问题来了,如果你在同一篇文章内有多个网盘的下载链接,那么读者很难区分开来自己到底想用哪个下载链接。

我们可以通过简单的css修改来实现对网盘下载链接增加各大网盘的logo,本文只是做一个演示,就挑选了115、DBank、uudisc、box.net、RayFile、Mediafire和纳米盘,如果想增加自己常用的其它网盘的下载图标,可以按照本文提供的代码修改或增加。

将下面的css样式加进主题的style.css即可:

/* 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;
}

然后将网盘的图标(16x16px)放进主题目录下的image文件夹里即可实现本文所要达到的效果。

作者: JaneCC最后编辑于:2017-05-17 14:17
坚持把简单的事情做好就是不简单,坚持把平凡的事情做好就是不平凡。所谓成功,就是在平凡中做出不平凡的坚持。

--JaneCC

暂时木有评论啊,等您坐沙发呢!

发表感言