Help - Search - Members - Calendar
Full Version: Iconize Textlinks With Css
Zymic Webmaster Forums > Web Design & Development > Client Side Scripting > HTML and CSS
KiKoLuNa
Looking around on the net i found some techniques with CSS that lets you identify your link with an icon. i.e
if your link goes to a .doc file it will show you a word document icon.
I hope you like it
http://pooliestudios.com/projects/iconize/
IamShipon1988
Ah that is very nice. I never thought about integrating href links into CSS. I also noticed some back-end symbols. Thank you very much.
CODE
a[href$='.doc'], a[href$='.rtf'] {
    padding: 5px 20px 5px 0;
    background: transparent url(icon_doc.gif) no-repeat center right;
}
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2012 Invision Power Services, Inc.