Scrollable smilies

I had just finished installing the post icon dropbox hack and read all of the requests for something similar for smilies. I don't like the "get more" function, because I have to turn off pop-up protection to make it work.

So how do you display 100+ smilies in a manageable way?

Here's the answer.

****This is personal preference - feel free to experiement *****
1. In ACP, set 'Clickable Smilies per Row' to 6
2. Set 'Clickable Smilies Total' to a ridiculously large number like 999
************************************************** *

Edit vbcode_smilies and replace the entire contents with:

<table align="center" border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed; width: 242; height:300; overflow: scroll;">
  <tr>
    <td style="font-family: arial; font-size: 12px; border: 1px inset" align="middle" bgColor="#dae9ec">
    <font class="sf" face="verdana,arial,helvetica" size="1"><b>Smilies</b></font></td>
  </tr>
  <tr height="242">
    <td width="242" height="300">
    <div style="OVERFLOW: scroll; WIDTH: 242px; HEIGHT: 300px">

<table cellpadding="3" cellspacing="1" border="0" align="center" bgcolor="#13486D">

$smiliebits

</table>


    </td>
    </div>
  </tr>
$vbcode_smilies_getmore
</table>

Here's the obligatory screen shot

[Rose]

Pretty nifty trick!

[mlevenson]

hey I like it installed

[filburt1]

Yes, for once a decent use for an iframe

[Kars10]

Cool Trick!
But won?t work for me. The i-frame loads but no content?
Something wrong with your code?

Thanks
Kars

[corsacrazy]

i frames dont werk on all browsers

[MindTrix]

Super Super Super Sweeeeeeet

[Dean C]

Yea pretty nifty

- miSt

[Tony G]

Indeed. Nice work.

[FASherman]

Here's an update. Replace vbcode_smiles with:

<table border="0" align="center" bgcolor="{firstaltcolor}" style="table-layout: fixed; WIDTH: 250px;">    
  <tr>
    <td align="center" bgColor="{secondaltcolor}">
    <smallfont><b>Smilies</b></smallfont></td>
  </tr>
</table>

<div style="width: 250px; height:320px; overflow: auto;">
<table border="0" align="center" bgcolor="{firstaltcolor}" style="table-layout: fixed; WIDTH: 250px; HEIGHT: 310px; OVERFLOW: scroll">    
$smiliebits
</table>
</div>

That should fix the problem for those who had no content.