Showing Hyperlink Cues with CSS

This is pretty cool.

Have you ever wondered how some websites have those neat little icons next to their hyperlinks? I’ve seem them around more and more lately. I first saw them on Wikipedia.org on any links that exited their website. Anyhoo, I found a tutorial that gives you a guide to adding them to your website.

While reading a tutorial I found out that you can do a lot more with CSS.

a[href $='.pdf'] {
padding-right: 18px;
background: transparent url(icon_pdf.gif) no-repeat center right;
}

No idea how long that has been around but I can see if being used more and more as time goes on…. Enough blabbing, here’s the link….

Showing Hyperlink Cues with CSS