External links:
The little images that appear after an external link on this site used to be created by pure CSS, using the following rules:
.commentlist a[href*="http"], .storycontent a[href*="http"]
{
padding-right: 12px;
background: url('/wp-images/ext-link.gif') right top no-repeat;
}
.commentlist a[href*="jfoucher.info"], .storycontent a[href*="jfoucher.info"]
{
padding-right: 0;
background-image: none;
}
But, as you may know, this does not work in Internet Explorer. So I decided to write a little plugin that would give a specific class attribute to all external links, so that they can be styled in a manner recognizable to IE.
Languages
Additionally, as this is a bilingual blog, I like to show an language text after each link, like this. I used to do it in pure CSS, like so:
a[hreflang]:after {
content:"000a0[" attr(hreflang) "]";
color:#999;
background:transparent;
font-size:0.8em
}
but you guessed it, it doesn't work in IE, so this little plugin takes care of that as well... All you need to do is add an hreflang="whatever" attribute to your links.
Installation: