NOTICE: This Guide shows how to put a little box at the top of your forum that when opened has smileys in it that your members can use in posts.
If you wish to upload smileys to your forum you can purchase the smiley upgrade. Click on the "Upgrade this Forum" link at the bottom of your forum or go to Admin>Addons & Upgrades to purchase the upgrade.
This will put a little box at the top of your forum that when opened has smileys in it that your members can use in posts. Note: if you prefer you an put the code in your footer instead.
When clicking on the smileys it will insert the code for them into the posts.
When open it looks like this:

Place the code in your
Header. (or Footer if you want it at the bottom of your forum instead)
The smileys in this are the smileys you see here at support.
If you wish to use your own smileys look for the smiley sections in the code.
Replace the links for the smileys
twice for each smiley section in the code.
The sections look like this:
<a href="javascript:void(0);" onclick="surroundText('[img]', 'http://i102.photobucket.com/albums/m105/mysmileyplace/the_runner.gif[/img]', document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m105/mysmileyplace/the_runner.gif" align="bottom" alt="Insert Image" title="Insert Image" /></a>
<!-- Begin Clickable Xtra Smileys Place this code in your HEADER -->
<script language="javascript">
function toggle_it(itemID){
// Toggle visibility between none and inline
if ((document.getElementById(itemID).style.display == 'none'))
{
document.getElementById(itemID).style.display = 'inline';
} else {
document.getElementById(itemID).style.display = 'none';
}
}
</script>
<table width="200px" class="tborder" cellpadding="1" cellspacing="1">
<tr>
<td class="catbg" align="left">
<small> Xtra Smileys</small>
</td>
<td class="catbg" align="right" style="text-align: center;">
<a href="#smileys" onClick="toggle_it('prsmileys')"><small>[Open]</small></a>
</td>
</tr>
</table>
<div align="left" style="position: absolute; z-index: 2; visibility: show;">
<table class="tborder" width="200px" id="prsmileys" style="display:none;" align="left" border="0">
<tr>
<td class="catbg" align="right">
<a href="#smileys" onClick="toggle_it('prsmileys')"><small>[Close]</small></a>
</td>
</tr>
<tr>
<TD class="windowbg2" align="center" >
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/smiley.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/smiley.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/wink.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/wink.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/cheesy.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/cheesy.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/grin.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/grin.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/angry.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/angry.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/shocked.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/shocked.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/cool.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/cool.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/huh.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/huh.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/rolleyes.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/rolleyes.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/tongue.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/tongue.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/lipsrsealed.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/lipsrsealed.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/lipsrsealed.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/lipsrsealed.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/undecided.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/undecided.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/kiss.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/kiss.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/cry.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/cry.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/evil.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/evil.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/angel.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/angel.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/laugh.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/laugh.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/azn.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/azn.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/afro.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/afro.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/police.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/police.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/2funny.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/2funny.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/buck2.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/buck2.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/coolsmiley.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/coolsmiley.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/crazy2.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/crazy2.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/idiot2.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/idiot2.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/knuppel2.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/knuppel2.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/smiley6600.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/smiley6600.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/tickedoff.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/tickedoff.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://smfsupport.com/support/Smileys/smfnew/smitten.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://smfsupport.com/support/Smileys/smfnew/smitten.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img] http://www.smfboards.com/Smileys//smf/uglystupid2.gif [/img]', '',
document.forms.postmodify.message); return false;"><img src="http://www.smfboards.com/Smileys//smf/uglystupid2.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
</TD>
</TR>
</TABLE>
</div>
</a>
<!-- End Clickable Show/Hide Smileys Script -->
Code updated 8/4/08 with thanks to whity for tweaking it