The Arcive of vBulletin Modifications Site.

GTSmiliebox - Move Below Editing Area · **Released**: 01-29-2006

Sites with a lot of simlies and fixed-width layouts occasionally run into the "smilie-box-stretch-outside-box" problem.

View attachment image to see what I mean.

With this template modification the smilie toolbar box will now display below the editing area NOT beside it.

PayPal Donations Accepted

FIND IN editor_toolbar_on template:

HTML Code:

    <tr valign="top">
        <td class="controlbar"><textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:$stylevar[messagewidth]; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]">$newpost[message]</textarea></td>
        <if condition="$smiliebox"><td class="controlbar">$smiliebox</td></if>
    </tr>

REPLACE WITH:

HTML Code:

    <tr valign="top">
        <td class="controlbar"><textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:$stylevar[messagewidth]; height:{$editor_height}px" tabindex="1" dir="$stylevar[textdirection]">$newpost[message]</textarea></td>
    </tr>
    <if condition="$smiliebox">
    <tr>
        <td class="controlbar">$smiliebox</td></td>
    </tr>
    </if>

OPTIONAL
This template edit moves the "More" link.
REPLACE editor_smilibox TEMPLATE WITH:

HTML Code:

<if condition="$show['smiliebox']">
<fieldset class="fieldset" id="{$editorid}_smiliebox" title="$vbphrase[smilies]">
    <legend>$vbphrase[smilies] 
    <if condition="$show['moresmilieslink']">
    [<a href="#" onclick="vB_Editor['$editorid'].open_smilie_window(smiliewindow_x, smiliewindow_y); return false" title="<phrase 1="$vboptions[smtotal]" 2="$totalsmilies">$vbphrase[showing_x_smilies_of_y_total]</phrase>">$vbphrase[more]</a>]
    </if>
    </legend>
    <table cellpadding="2" cellspacing="0" border="0" align="center">
    $smiliebits
    </table>
</fieldset>
<else />
<div id="smiliebox" style="display:none"></div>
</if>