SMF For Free Support Forum
Signup For Free Forum
October 06, 2008, 08:42:02 pm *
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
News: Welcome to SMF For Free. The best free SMF Host
 
   Home   Help Search Arcade Gallery Login Register  

SMF For Free Support Forum > SMF For Free Support > SMF For Free Codes (Moderator: Agent Moose) > [Code] Xtra Smileys for your Forum
Pages: [1] 2 3
« previous next »
  Print  
Author Topic: [Code] Xtra Smileys for your Forum  (Read 7222 times)
0 Members and 1 Guest are viewing this topic.
simply sibyl
Global Moderator
*
Online Online

Posts: 8406



View Profile WWW
« on: July 20, 2007, 02:08:29 am »
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:

Code:
<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>



Code:
<!--  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">
                <center><a href="#smileys" onClick="toggle_it('prsmileys')"><small>[Open]</small> </a></center>
             </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

 
 
« Last Edit: August 11, 2008, 01:26:19 pm by simply sibyl » Logged
Support FAQ | Guides | Stylesheets | Codes
clairebear
SMF For Free Hero
*
Offline Offline

Posts: 522


View Profile
« Reply #1 on: May 30, 2008, 02:47:29 am »
omg!! im so cofused?Huh
What code do i use??
the top one or ss one or the one that ses remove bits?Huh
ahh confused!
Logged

clairebear
SMF For Free Hero
*
Offline Offline

Posts: 522


View Profile
« Reply #2 on: May 30, 2008, 03:58:40 am »
OK i have put it as this in my code
Code:
<!--  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">
               Xtra Smileys
             </td>
             <td  class="catbg" align="right">
                <center><a href="#smileys" onClick="toggle_it('prsmileys')">[Open] </a></center>
             </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')">[Close]</a>
            </td>
         </tr>
          <tr>
              <TD class="windowbg2" align="center" >

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/b485bac644f3b0ced03ebcbf8a0b1bcd.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/b485bac644f3b0ced03ebcbf8a0b1bcd.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/babydust.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/babydust.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/babydusttinkbz3.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/babydusttinkbz3.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/babydust1.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/babydust1.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/smilies-2.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/smilies-2.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/smilies.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/smilies.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>
    </td>
  </tr>
   <tr>
    <TD class="windowbg2">

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/sm_welcomeflowers.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/sm_welcomeflowers.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>



<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/bo_angelbath.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/bo_angelbath.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', '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>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/sm_rainbow.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/sm_rainbow.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/smiliessayings5.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/smiliessayings5.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>
</td></tr><tr>
<TD class="windowbg2">

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/welldone.jpg[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/welldone.jpg" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', '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>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/2844.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/2844.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/laugh.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/laugh.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/watching.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/watching.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/chickendance.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/chickendance.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>
   </td>
</tr>
<tr>
   <TD class="windowbg2">

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/Jubmo20Emoticon20223.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/Jubmo20Emoticon20223.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/Jubmo20Emoticon20149.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/Jubmo20Emoticon20149.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/7smiliessayings6.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/7smiliessayings6.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/angelsmileyoncloud.jpg[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/angelsmileyoncloud.jpg" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/please.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/please.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/raincloud.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/raincloud.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>
  </td>
</tr>
<tr>
  <TD class="windowbg2">

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/mooning.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/mooning.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/aerobics.gif[/img]',
document.forms.postmodify.message); return false;"><img src=http://i102.photobucket.com/albums/m102/clairediz/smiles/aerobics.gif"" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/aaaaa.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/aaaaa.gif" align="bottom" 

alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/smilies-4.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/smilies-4.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/wahoo.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/wahoo.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/updated.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/updated.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>
  </TD>
</TR>
<TR>
  <TD class="windowbg2">

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/exercise.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/exercise.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/dip.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/dip.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/kis.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/kis.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/sFun_banana.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/sFun_banana.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/sEm_ImSorry.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/sEm_ImSorry.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/sCo_huhsign.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/sCo_huhsign.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>
    </TD>
   </TR>
  </TABLE>
 </div>
</a>
<!-- End Clickable Show/Hide Smileys Script -->


But when we click them onto the forum all we are getting are little red crosses and sometimes just the code!!
PLEASE help me
xxxxxxxxx
Logged

clairebear
SMF For Free Hero
*
Offline Offline

Posts: 522


View Profile
« Reply #3 on: May 30, 2008, 04:08:56 am »
ive tried tweaking the code but cant find out y it aint working for me;(
« Last Edit: May 30, 2008, 04:22:35 am by clairebear » Logged

clairebear
SMF For Free Hero
*
Offline Offline

Posts: 522


View Profile
« Reply #4 on: May 30, 2008, 04:36:36 am »
ook when i click on the img the code go ino the box like this it dont work
Code:
[img]http://http://i102.photobucket.com/albums/m102/clairediz/smiles/b485bac644f3b0ced03ebcbf8a0b1bcd.gif[/img]

but if i modify it on the post so it like this

Code:
[img]http://i102.photobucket.com/albums/m102/clairediz/smiles/b485bac644f3b0ced03ebcbf8a0b1bcd.gif[/img]

it then works ...the image come up
but obviously i dont wanna modify every single smiliy on the post!!!
Do anyone els have to do this?
I tried in the main code taking out the http? bit but then the img wouldnt even go onto the text body!
Logged

LaundryLady
Global Moderator
*
Offline Offline

Posts: 3046



View Profile WWW
« Reply #5 on: May 30, 2008, 07:24:17 am »
Put the time and effort into modifying it.  It will be worth it in the end.
Logged
clairebear
SMF For Free Hero
*
Offline Offline

Posts: 522


View Profile
« Reply #6 on: May 30, 2008, 08:26:27 am »
i have .. ive sat there and modified the code about a million times with Tinas help
we tried everyway possible but we cant get it to work ;(
Logged

tinajane
SMF For Free Member
*
Offline Offline

Posts: 82



View Profile WWW
« Reply #7 on: May 30, 2008, 08:34:26 am »
we have been here since 9.30 doing testing changing looking reading changing testing and now its half 2 n not getting anywhere we have been trying hun
Logged

clairebear
SMF For Free Hero
*
Offline Offline

Posts: 522


View Profile
« Reply #8 on: May 30, 2008, 08:52:17 am »
well im out of options i have tried everything! It go down as a code onto the forum as if id put the img code in myself
but cuz it has two http:// it wont work as an image
but if i take off one http:// in the code it wont go in!
Logged

LaundryLady
Global Moderator
*
Offline Offline

Posts: 3046



View Profile WWW
« Reply #9 on: May 30, 2008, 10:02:06 am »
Which code are you using?  It looks like draggable smileys, yes?  Please post in correct thread so we can relate to the correct code.  They are different.
Logged
clairebear
SMF For Free Hero
*
Offline Offline

Posts: 522


View Profile
« Reply #10 on: May 30, 2008, 11:31:28 am »
ok ...
the code i have put in my header is this
Code:
<!--  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">
               Teardrop smiles
             </td>
             <td  class="catbg" align="right">
                <center><a href="#smileys" onClick="toggle_it('prsmileys')">[Open] </a></center>
             </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')">[Close]</a>
            </td>
         </tr>
          <tr>
              <TD class="windowbg2" align="center" >

<a href="javascript:void(0);" onclick="surroundText('[img]'http://', http://i102.photobucket.com/albums/m102/clairediz/smiles/b485bac644f3b0ced03ebcbf8a0b1bcd.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/b485bac644f3b0ced03ebcbf8a0b1bcd.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/babydust.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/babydust.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/babydusttinkbz3.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/babydusttinkbz3.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/babydust1.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/babydust1.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/smilies-2.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/smilies-2.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/smilies.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/smilies.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>
    </td>
  </tr>
   <tr>
    <TD class="windowbg2">

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/sm_welcomeflowers.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/sm_welcomeflowers.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>



<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/bo_angelbath.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/bo_angelbath.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/xmas.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/xmas.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/sm_rainbow.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/sm_rainbow.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/smiliessayings5.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/smiliessayings5.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>
</td></tr><tr>
<TD class="windowbg2">

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/welldone.jpg[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/welldone.jpg" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/sAng_explosive.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/sAng_explosive.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/2844.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/2844.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/laugh.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/laugh.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/watching.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/watching.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/chickendance.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/chickendance.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>
   </td>
</tr>
<tr>
   <TD class="windowbg2">

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/Jubmo20Emoticon20223.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/Jubmo20Emoticon20223.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/Jubmo20Emoticon20149.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/Jubmo20Emoticon20149.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/7smiliessayings6.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/7smiliessayings6.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/angelsmileyoncloud.jpg[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/angelsmileyoncloud.jpg" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/please.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/please.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/raincloud.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/raincloud.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>
  </td>
</tr>
<tr>
  <TD class="windowbg2">

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/mooning.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/mooning.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/sAng_explosive.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/sAng_explosive.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/aaaaa.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/aaaaa.gif" align="bottom" 

alt="Insert Image" title="Insert Image" /></a>
<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/smilies-4.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/smilies-4.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/wahoo.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/wahoo.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/updated.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/updated.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>
  </TD>
</TR>
<TR>
  <TD class="windowbg2">

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/exercise.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/exercise.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/dip.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/dip.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/kis.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/kis.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/sFun_banana.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/sFun_banana.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/sEm_ImSorry.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/sEm_ImSorry.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>

<a href="javascript:void(0);" onclick="surroundText('[img]http://', 'http://i102.photobucket.com/albums/m102/clairediz/smiles/sCo_huhsign.gif[/img]',
document.forms.postmodify.message); return false;"><img src="http://i102.photobucket.com/albums/m102/clairediz/smiles/sCo_huhsign.gif" align="bottom" 
alt="Insert Image" title="Insert Image" /></a>
    </TD>
   </TR>
  </TABLE>
 </div>
</a>
<!-- End Clickable Show/Hide Smileys Script -->

they r clickable smilies
when i click on a smile to go onto ,y post the url appear so when we post itll become the smile like this ...


cuz it has two http://
if we modify the code n take off one http:// then it works but obviously i dont think this code was set up that each time we click on a smile we then have to edit tthe code on the post ...
sooo
in admin aread i tried modifying the code a million ways and non work .. if i take off one of the http:// codes in the code then it wont even go onto the post!

I think that this is in the right place theyre not dragable ones .. i am using the code that is on this thread so as far as im concerend im using the right thread... Undecided
Logged

LaundryLady
Global Moderator
*
Offline Offline

Posts: 3046



View Profile WWW
« Reply #11 on: May 30, 2008, 11:54:29 am »
Let me take a look at what you have and I will get back to you.
Logged
clairebear
SMF For Free Hero
*
Offline Offline

Posts: 522


View Profile
« Reply #12 on: May 30, 2008, 12:00:27 pm »
ok thanks LL you guys are GREAT!
Logged

LaundryLady
Global Moderator
*
Offline Offline

Posts: 3046



View Profile WWW
« Reply #13 on: May 30, 2008, 12:28:48 pm »
Ok, Claire. Here's the scoop.  I took the straight code directly from here and put it in my test account.  It did not work.  I tried replacing ONE smiley to make sure it wasn't a bad image link in the code.  It did not work. 

I found what you were trying to explain.  I took out the one http:// and it works fine. Let me play some more and see if I can set it up so it's easier for you to do.
Logged
LaundryLady
Global Moderator
*
Offline Offline

Posts: 3046



View Profile WWW
« Reply #14 on: May 30, 2008, 12:37:38 pm »
Ok, this is just a workaround.  It's Sibyl's code and maybe she can take a look and see why it didn't work with the first one.

Code:
<!--  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">
               Xtra Smileys
             </td>
             <td  class="catbg" align="right">
                <center><a href="#smileys" onClick="toggle_it('prsmileys')">[Open] </a></center>
             </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')">[Close]</a>
            </td>
         </tr>
          <tr>
              <TD class="windowbg2" align="center" >



<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>
    </td>
  </tr>
   <tr>
    <TD class="windowbg2">



<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>
</td></tr><tr>
<TD class="windowbg2">



<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>
   </td>
</tr>
<tr>
   <TD class="windowbg2">



<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>
  </td>
</tr>
<tr>
  <TD class="windowbg2">

<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>


  </TD>
</TR>
<TR>
  <TD class="windowbg2">

<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>


    </TD>
   </TR>
  </TABLE>
 </div>
</a>
<!-- End Clickable Show/Hide Smileys Script -->

For each additional smiley you want, add the following after the </a>
Click Enter and then paste this code:

Code:
<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>

I would suggest no more than 5 smilies in each section.
Logged