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