A small Iconize based snippet

Iconize is a CSS file that uses… regular expressions (!) to improve links experience: for example, if a link points to a .pdf file, it shows a pdf icon after the link and so on.

It is so easy to modify it that even a CSS illiterate like me was able to give two new examples:


a[href ^="http:\/\/en\.wikipedia\.org"] {
  padding: 5px 20px 5px 0;
  background: transparent url(icons/wikipedia-icon.gif) \
  no-repeat center right !important;
}
code[class ^="mailto"] {
  padding: 5px 20px 5px 0;
  background: transparent url(icons/icon_mailto.gif) \
  no-repeat center right !important;
}

Last update: 2008-08-26

Post a Comment

Your email is never shared. Required fields are marked *

*
*