Iconize Your TextLinks Via CSS
Written by Jeffro On December 13, 2007 | Category Of Post (Cool Stuff) | 482 views | |
I came across this nifty CSS trick today on Pooliestudios.com that adds an icon to the end of a link to let you know what sort of link it represents. For instance, if you link to a PDF file, a small adobe PDF icon will appear at the end of the link. Or, lets say you link to a .TXT file. A small TXT icon appears at the end of the link.
According to the directions you’re supposed to:
Download the .zip file, upload the CSS and the icons to your webspace and integrate the CSS in your Website, Blog or whatever. Done. You can easily replace the icons or add more extensions and sites. Enjoy!
If adding icons to the end of links would help YOU out in terms of reading this blog, let me know and I’ll be glad to implement this into the site.
Subscribe To Posts
Subscribe Via Email
Stay Updated Via Twitter
Loading ...
marti garaughty on 
Misty Cryer-Davidson on 
Jeffro on 
grande on 
Andrew on 
John Kolbert
Damn Hairy Human
Josh Budde
prof kienstra
Mark 'Rizzn' Hopkins
Susan
PJ
Comment by John Kolbert on 13 December 2007
Nice find Jeffro. I’ve actually been meaning to do something like this for my external links but haven’t gotten around to it. This will make it much quicker!
I think it’s a nice effect that helps usability and readability a fair bit.
Comment by Jeffro on 13 December 2007
@John Kolbert Thanks John. I know what you mean by readability. I think in my next blog theme, I’ll use icons extensively to convey a function of the blog.