Stylish Smilies

Stylish Smilies adds CSS classes to text-based emoticons.
You can then reference these classes in your theme to style each emoticon differently:

.smiley {
/* Applies to all emoticons */
  color: black;
  font-weight: bold;
}

.biggrin {
/* Applies to :D only */
  background: green;
}

This plugin affects the following smilies:

8-) cool
 8O eek
8-O eek
 :( sad
:-( sad
 :) smile
:-) smile
:-? confused
 :D biggrin
:-D biggrin
 :P razz
:-P razz
 :o surprised
:-o surprised
 :x mad
:-x mad
 :| neutral
:-| neutral
 ;) wink
;-) wink

1. Extract the zip file and drop the contents in the wp-content/plugins/ directory of your WordPress installation and then activate the plugin from the “Plugins” page.
2. Add some custom CSS in your theme’s style.css file to style your emoticons
3. Start using emoticons in your posts and pages!

How do I get my old smiley icons back?

Disable the “Stylish Smilies” plugin via the “Plugin” panel (/wp-admin/plugins.php)

1.0

• First version ever!