Posted By

carriegates on 07/30/09

Tagged

css
link

Versions (?)

Last Edited at 07/30/09 03:35pm

Statistics

Viewed 733 times

Favorited by 4 user(s)

Related snippets

Automatic icons after specified link type

/ Published in: CSS

Doesn't work in IE6, so use this to enhance sites rather than use thenm for required information. Very handy for adding a PDF icon behind a link. Make icons very small (16px x 16px) and with transparent space on left and top to make it look more aligned with the text.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

a[href*="usask.ca"]:after {
content: ""
}
 
 a[href$=".pdf"]:after {
content: " " url("../images/icons/acrobat/acrobat-16.png");
}
 
a.external:after {
	content: " " url("../images/misc/external_link.png");
}
 
a[href^="mailto"]:after {
	content: " " url("../images/milky_icons/16/74-2.png");
}