When using the Quick Reply Box at the bottom of your forum you can use this to put smileys into it.
Click on a smiley and it will put the code for it in the box for you.
The smileys in this are the smf smileys that you see at support.
If you want to use your own smileys:
Look at the code and find the sections that look like this:
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/police.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/police.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
There is one of these sections for each smiley - 30 total
(you can add/subtract these sections depending on how many you want)
Replace BOTH urls with your smiley url being very careful to leave all quotes.
Do this for each section in the code.
Here is the code:
Put it in your FOOTER
Admin / Manage Styles / Edit header/footer
<!-- Begin Smileys for Quick Reply Box. Place this code in your FOOTER -->
<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>
<div align="right" style="position: absolute; right: 20px;">
<table width="300px" class="tborder" cellpadding="1" cellspacing="1">
<tr>
<td class="catbg" align="left">
Smileys for Quick Reply Box
</td>
<td class="catbg" align="right">
<center><a href="#sfqr" onClick="toggle_it('prsfqr')">[Open] </a></center>
</td>
</tr>
</table>
</div>
<div align="right" style="position: absolute; right: 20px; z-index: 2; visibility: show;">
<table class="tborder" width="300px" id="prsfqr" style="display:none;" align="right" border="0">
<tr>
<td class="catbg" align="right">
<a href="#sfqr" onClick="toggle_it('prsfqr')">[Close]</a>
</td>
</tr>
<tr>
<TD class="windowbg2" align="center">
<br>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/smiley.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/smiley.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/wink.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/wink.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/cheesy.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/cheesy.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/grin.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/grin.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/angry.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/angry.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/shocked.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/shocked.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/cool.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/cool.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/huh.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/huh.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/rolleyes.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/rolleyes.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/tongue.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/tongue.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/lipsrsealed.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/lipsrsealed.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/lipsrsealed.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/lipsrsealed.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/undecided.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/undecided.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/kiss.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/kiss.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/cry.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/cry.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/evil.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/evil.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/angel.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/angel.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/laugh.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/laugh.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/azn.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/azn.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/afro.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/afro.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/police.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/police.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/2funny.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/2funny.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/buck2.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/buck2.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/coolsmiley.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/coolsmiley.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/crazy2.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/crazy2.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/idiot2.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/idiot2.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/knuppel2.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/knuppel2.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/smiley6600.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/smiley6600.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/tickedoff.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/tickedoff.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]', ' https://cdn.smfboards.com/Smileys/smf/uglystupid2.gif [/img]',
document.forms.postmodify.message); return false;"><img src="https://cdn.smfboards.com/Smileys/smf/uglystupid2.gif" align="bottom"
alt="Insert Image" title="Insert Image" /></a>
<br>
</td>
</tr>
</table>
</div>
<!--End Smileys for Quick Reply -->
If you are using the Xtra Smileys for your Forum code you do not need the script at the top of this one.. so go ahead and remove this part:
<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>