给网站的链接添加个性图标

时间: 2011-03-09 / 分类: Wordpress / 浏览次数: 7,758 / 2个评论 发表评论

很苦恼于博客目前使用的这套模板的链接颜色,鼠标不挪上去还真看不到,如果把颜色改掉又有些不协调,现在把颜色调为深色基本上看不出来,刚才看别人的博客的时候发现了一个比较不错的样式,所有外链后都有个小图标,而所有站内链接又没有,有点奇怪,于是股沟了一下,参考了两篇文章,准备稍微修改一下自己站点的链接样式。
可以参考以下两篇文章
http://zww.me/archives/24608
http://immmmm.com/add-different-types-of-attachment-icon.html
语法不算难,于是添加如以下样式一个

.pcontent a[href^="http:"]{background:url(http://dagai.net/wp-content/link.png) no-repeat left center;padding-left:12px;margin-left:3px;}

还有个语法就是

a [href$=".jpg"]

意思就是Href以http开头或者以.jpg结尾的链接前面加个小背景图。
但还有个问题没有搞清楚的就是,如果我希望除了.jpg和.gif结尾之外的链接加上小背景图应该怎么写呢,这语法正则不像正则,搞不清楚了,谁知道告诉我一下。

2个评论

  1. 免费部落
    2013/07/21 22:37:19

    学习了,不知博主现在调好了没有?

  2. YinYan博客
    2011/04/20 13:31:59

    不错,学习了,很好的工具,马上试下,博主很会美化自己的博客!

发表评论

您的昵称 *

您的邮箱 *

您的网站