Hey, here is some code to align the image with the text and make it look nicer. I already made the edits on my board, and thought I'd share
In the quick_mood_change_by_sniper template
HTML Code:
<span style="vertical-align: middle;">$vbphrase[my_mood]: </span><a href="#" id="moods"><if condition="!empty($bbuserinfo[mood])"><img style="vertical-align: middle;" src="images/mood/$bbuserinfo[mood].gif" border="0" /><else />$vbphrase[change_mood]</if></a>
In the ajax_start plugin
PHP Code:
die("<img style=\"vertical-align: middle;\" src=\"images/mood/" . $new_mood. ".gif\" border=\"0\" />");
In the postbit or postbit_legacy templates
HTML Code:
<if condition="!empty($post[mood])">
<div>
<span style="vertical-align: middle;">$vbphrase[my_mood]:</span> <img style="vertical-align: middle;" src="images/mood/$post[mood].gif" border="0" />
</div>
Feel free to put this into the hack with no obligation or need to mention me. Great hack btw!