Posted By

iamadams on 08/07/10


Tagged

tags links anchor icons


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

jplr


Href Icons


 / Published in: CSS
 

  1. /* external links */
  2. a[href^="http://"]{
  3. padding-right: 20px;
  4. background: url(external.gif) no-repeat center right;
  5. }
  6.  
  7. /* emails */
  8. a[href^="mailto:"]{
  9. padding-right: 20px;
  10. background: url(email.png) no-repeat center right;
  11. }
  12.  
  13. /* pdfs */
  14. a[href$=".pdf"]{
  15. padding-right: 20px;
  16. background: url(pdf.png) no-repeat center right;
  17. }

Report this snippet  

You need to login to post a comment.