Add .pdf, .doc, .ppt icons-indicators with css
good html/css samplesDecember 2008
Long time ago got this code from /* http://my-dimension.com/blog/category/xhtml-css/ */
Download all images in zip file
a[href^=”http://”]:not([href*=”iringweb.com”])::after {
content: “”;
background: url(/images/external.png) center right no-repeat;
padding-right: 1em;
}
a[href^=”mailto:”] {
background: transparent url(‘/images/mail_icon.gif’) 100% 50% no-repeat;
padding-right: 18px;
}
a[href$=”.doc”] {
background: transparent url(‘/images/word_icon.gif’) 100% 50% no-repeat;
padding-right: 18px;
}
a[href$=”.pdf”] {
background: transparent url(‘/images/pdf_icon.gif’) 100% 50% no-repeat;
padding-right: 18px;
}
a[href$=”.ppt”] {
background: transparent url(‘/images/powerpoint_icon.gif’) 100% 50% no-repeat;
padding-right: 18px;
}
#bodyContent a.external,
#bodyContent a[href ^=”https://”],
.link-https {
background: url(‘/images/lock_icon.gif’) center right no-repeat;
padding-right: 16px;
}