I’ve added a little bit of MOSe to my site. Any links to Amazon or IMDb will automatically have a little favicon after them - unless you’re using Internet Explorer, which can’t keep up with the CSS. This will save me a little bit of coding (and having to remember to code in the img tags after the links). I’ve also done away with the concept of linking the name of a book to its official webpage because, well, who cares? Everyone just wants to go to the amazon page anyway.
For more information on the idea of MOSe’s, see:
Here’s the CSS I that I have:
a[href^="http://www.amazon"] { background: url(http://www.davextreme.com/davextreme/mt/ archives/Amazonlogo.gif) right center no-repeat; padding-right: 12px; } a[href^="http://www.imdb"] { background: url(http://www.davextreme.com/davextreme/mt/ archives/IMDblogo.gif) right center no-repeat; padding-right: 22px; } a[href^="http://us.imdb"] { background: url(http://www.davextreme.com/davextreme/mt/ archives/IMDblogo.gif) right center no-repeat; padding-right: 22px; } It doesn’t validate at the moment, and I’m not quite sure why, but it still looks nifty!