GTSmiliebox (Move Smilies Below Editor)

D

Duuuhhude

New Member
GTSmiliebox (Move Smilies Below Editor)

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

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

FIND IN editor_toolbar_on template:
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:
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_smiliebox TEMPLATE WITH:

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>

Edit your vboptions / Message Posting Interface Options to change the number of smilies displayed per row.

that's it
Enjoy!
 
D

Duuuhhude

New Member
GTSmiliebox (Move Smilies Below Editor)

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

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

FIND IN editor_toolbar_on template:
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:
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_smiliebox TEMPLATE WITH:

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>

Edit your vboptions / Message Posting Interface Options to change the number of smilies displayed per row.

that's it
Enjoy!
 
R

Rejected

New Member
Cool...I've been waitin for somethin to fix this issue, but one more thing dude, how can i increase the size of the Editor after droppin the smilies below? cuz theres an empty space now on the right of the Editor...​
 
R

Rejected

New Member
ok i found out the solution
i'll post it here for help...
in editor_toolbar_on template
find:
PHP: 
width:$stylevar[messagewidth]; height:{$editor_height}px

change it to:
PHP: 
width:XXpx; height:XXpx

and of course change the XX to the size u want ;)
Tested on 3.6.8​
 
H

h@ck3r

New Member
Duuuhhude said:
GTSmiliebox (Move Smilies Below Editor)

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

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

FIND IN editor_toolbar_on template:
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:
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>
Click to expand...

As someone above said this worked with 3.7.3, I was going to use it on my 3.7.4 forum, but my coding is different. Not sure if it's because of the skin i'm using or not, but could someone please tell me how I can do this mod?

My forum is using fixed width, and I really need this mod.

Here is my coding from MY editor_toolbar_on template:

Code: 
$vBeditTemplate[clientscript]

<table cellpadding="0" cellspacing="0" border="0">
<tr>
	<td id="$editorid" class="vBulletin_editor" width="100%">
		<div id="{$editorid}_controls" class="controlbar">
			<table cellpadding="0" cellspacing="0" border="0">
			<tr>
				<td><div class="imagebutton" id="{$editorid}_cmd_removeformat"><img src="$stylevar[imgdir_editor]/removeformat.gif" width="21" height="20" alt="$vbphrase[remove_text_formatting]" /></div></td>
			<if condition="$show['font_bbcode'] OR $show['size_bbcode']">
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
			</if>
			<if condition="$show['font_bbcode']">
				<td><div class="imagebutton" id="{$editorid}_popup_fontname" title="$vbphrase[fonts]">
					<table cellpadding="0" cellspacing="0" border="0">
					<tr>
						<td class="popup_feedback"><div id="{$editorid}_font_out" style="width:91px">&nbsp;</div></td>
						<td class="popup_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
					</tr>
					</table>
				</div></td>
			</if>
			<if condition="$show['size_bbcode']">
				<td><div class="imagebutton" id="{$editorid}_popup_fontsize" title="$vbphrase[sizes]">
					<table cellpadding="0" cellspacing="0" border="0">
					<tr>
						<td class="popup_feedback"><div id="{$editorid}_size_out" style="width:25px">&nbsp;</div></td>
						<td class="popup_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
					</tr>
					</table>
				</div></td>
			</if>
			<if condition="$show['color_bbcode']">
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
				<td><div class="imagebutton" id="{$editorid}_popup_forecolor" title="$vbphrase[colors]">
					<table cellpadding="0" cellspacing="0" border="0">
					<tr>
						<td id="{$editorid}_color_out"><img src="$stylevar[imgdir_editor]/color.gif" width="21" height="16" alt="" /><br /><img src="$vboptions[cleargifurl]" id="{$editorid}_color_bar" alt="" style="background-color:black" width="21" height="4" /></td>
						<td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
					</tr>
					</table>
				</div></td>
			</if>
			<if condition="$show['wysiwygsmilies']">
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
				<td><div class="imagebutton" id="{$editorid}_popup_smilie" title="$vbphrase[smilies]">
					<table cellpadding="0" cellspacing="0" border="0">
					<tr>
						<td><img src="$stylevar[imgdir_editor]/smilie.gif" alt="" width="21" height="20" /></td>
						<td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
					</tr>
					</table>
				</div></td>
			</if>
			<if condition="$show['attach']">
				<td><div class="imagebutton" id="{$editorid}_popup_attach" title="$vbphrase[attachments]">
					<table cellpadding="0" cellspacing="0" border="0">
					<tr>
						<td><img src="$stylevar[imgdir_editor]/attach.gif" alt="" width="21" height="20" /></td>
						<td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
					</tr>
					</table>
				</div></td>
			</if>
			
				<!--
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_cut"><img src="$stylevar[imgdir_editor]/cut.gif" width="21" height="20" alt="$vbphrase[cut]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_copy"><img src="$stylevar[imgdir_editor]/copy.gif" width="21" height="20" alt="$vbphrase[copy]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_paste"><img src="$stylevar[imgdir_editor]/paste.gif" width="21" height="20" alt="$vbphrase[paste]" /></div></td>
				-->
	
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_undo"><img src="$stylevar[imgdir_editor]/undo.gif" width="21" height="20" alt="$vbphrase[undo]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_redo"><img src="$stylevar[imgdir_editor]/redo.gif" width="21" height="20" alt="$vbphrase[redo]" /></div></td>

			<td width="100%">&nbsp;</td>
			<if condition="is_browser('ie') AND !is_browser('mac')">
				<td><div class="imagebutton" id="{$editorid}_cmd_spelling"><img src="$stylevar[imgdir_editor]/spelling.gif" width="21" height="20" alt="$vbphrase[check_spelling]" /></div></td>
			</if>
				<td>
					<div class="imagebutton" id="{$editorid}_cmd_resize_0_100"><img src="$stylevar[imgdir_editor]/resize_0.gif" width="21" height="9" alt="$vbphrase[decrease_size]" /></div>
					<div class="imagebutton" id="{$editorid}_cmd_resize_1_100"><img src="$stylevar[imgdir_editor]/resize_1.gif" width="21" height="9" alt="$vbphrase[increase_size]" /></div>
				</td>
			<if condition="$show['wysiwyg_compatible']">
				<td><div class="imagebutton" id="{$editorid}_cmd_switchmode"><img src="$stylevar[imgdir_editor]/switchmode.gif" width="21" height="20" alt="$vbphrase[switch_editor_mode]" /></div></td>
			</if>
			</tr>
			</table>

			<if condition="!$show['basicbbcodeonly']">
			<table cellpadding="0" cellspacing="0" border="0">
			<tr>
			<if condition="$show['basic_bbcode']">
				<td><div class="imagebutton" id="{$editorid}_cmd_bold"><img src="$stylevar[imgdir_editor]/bold.gif" width="21" height="20" alt="$vbphrase[bold]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_italic"><img src="$stylevar[imgdir_editor]/italic.gif" width="21" height="20" alt="$vbphrase[italic]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_underline"><img src="$stylevar[imgdir_editor]/underline.gif" width="21" height="20" alt="$vbphrase[underline]" /></div></td>
			</if>
			<if condition="$show['align_bbcode']">
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
				<if condition="$stylevar['textdirection'] == 'ltr'">
				<td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.gif" width="21" height="20" alt="$vbphrase[align_left]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.gif" width="21" height="20" alt="$vbphrase[align_center]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.gif" width="21" height="20" alt="$vbphrase[align_right]" /></div></td>
				<else />
				<td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.gif" width="21" height="20" alt="$vbphrase[align_right]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.gif" width="21" height="20" alt="$vbphrase[align_center]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.gif" width="21" height="20" alt="$vbphrase[align_left]" /></div></td>
				</if>
			</if>
			<if condition="$show['align_bbcode'] OR $show['list_bbcode']">
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
			</if>
			<if condition="$show['list_bbcode']">
				<td><div class="imagebutton" id="{$editorid}_cmd_insertorderedlist"><img src="$stylevar[imgdir_editor]/insertorderedlist.gif" width="21" height="20" alt="$vbphrase[ordered_list]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_insertunorderedlist"><img src="$stylevar[imgdir_editor]/insertunorderedlist.gif" width="21" height="20" alt="$vbphrase[unordered_list]" /></div></td>
			</if>
			<if condition="$show['align_bbcode'] OR $show['list_bbcode']">
				<if condition="$stylevar['textdirection'] == 'ltr'">
				<td><div class="imagebutton" id="{$editorid}_cmd_outdent"><img src="$stylevar[imgdir_editor]/outdent.gif" width="21" height="20" alt="$vbphrase[decrease_indent]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_indent"><img src="$stylevar[imgdir_editor]/indent.gif" width="21" height="20" alt="$vbphrase[increase_indent]" /></div></td>
				<else />
				<td><div class="imagebutton" id="{$editorid}_cmd_outdent"><img src="$stylevar[imgdir_editor]/indent.gif" width="21" height="20" alt="$vbphrase[decrease_indent]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_indent"><img src="$stylevar[imgdir_editor]/outdent.gif" width="21" height="20" alt="$vbphrase[increase_indent]" /></div></td>
				</if>
			</if>
			<if condition="$show['url_bbcode'] OR $show['img_bbcode']">
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
				<if condition="$show['url_bbcode']">
					<td><div class="imagebutton" id="{$editorid}_cmd_createlink"><img src="$stylevar[imgdir_editor]/createlink.gif" width="21" height="20" alt="$vbphrase[insert_link]" /></div></td>
					<td><div class="imagebutton" id="{$editorid}_cmd_unlink"><img src="$stylevar[imgdir_editor]/unlink.gif" width="21" height="20" alt="$vbphrase[remove_link]" /></div></td>
					<td><div class="imagebutton" id="{$editorid}_cmd_email"><img src="$stylevar[imgdir_editor]/email.gif" width="21" height="20" alt="$vbphrase[insert_email_link]" /></div></td>
				</if>
				<if condition="$show['img_bbcode']">
					<td><div class="imagebutton" id="{$editorid}_cmd_insertimage"><img src="$stylevar[imgdir_editor]/insertimage.gif" width="21" height="20" alt="$vbphrase[insert_image]" /></div></td>
				</if>
			</if>
			<if condition="$show['quote_bbcode']">
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_quote"><img src="$stylevar[imgdir_editor]/quote.gif" width="21" height="20" alt="$vbphrase[wrap_quote_tags]" /></div></td>
			</if>
			<if condition="$show['code_bbcode'] OR $show['html_bbcode'] OR $show['php_bbcode']">
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>				
				<if condition="$show['code_bbcode']">
					<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_code"><img src="$stylevar[imgdir_editor]/code.gif" width="21" height="20" alt="$vbphrase[wrap_code_tags]" /></div></td>
				</if>
				<if condition="$show['html_bbcode']">
					<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_html"><img src="$stylevar[imgdir_editor]/html.gif"  width="21" height="20" alt="$vbphrase[wrap_html_tags]" /></div></td>
				</if>
				<if condition="$show['php_bbcode']">
					<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_php"><img src="$stylevar[imgdir_editor]/php.gif" width="21" height="20" alt="$vbphrase[wrap_php_tags]" /></div></td>
				</if>
			</if>
			<if condition="$vBeditTemplate['extrabuttons'] != '' ">
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>	
				$vBeditTemplate[extrabuttons]
			</if>
			</tr>
			</table>
			</if>

		</div>

		<table cellpadding="0" cellspacing="0" border="0" width="100%">
		<tr valign="top">
			<td class="controlbar">
				<textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="display:block; 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>
		</table>
	</td>
</tr>
</table>

<input type="hidden" name="wysiwyg" id="{$editorid}_mode" value="$editortype" />

<script type="text/javascript">
<!--
vB_Editor['$editorid'] = new vB_Text_Editor('$editorid', $editortype, '$forumid', '$parsesmilie', undefined, '$ajax_extra');
//-->
</script>
Thanks to anyone who can help me. :)
 
B

bluescorpion

New Member
Try this one:

HTML: 
$vBeditTemplate[clientscript]

<table cellpadding="0" cellspacing="0" border="0">
<tr>
	<td id="$editorid" class="vBulletin_editor" width="100%">
		<div id="{$editorid}_controls" class="controlbar">
			<table cellpadding="0" cellspacing="0" border="0">
			<tr>
				<td><div class="imagebutton" id="{$editorid}_cmd_removeformat"><img src="$stylevar[imgdir_editor]/removeformat.gif" width="21" height="20" alt="$vbphrase[remove_text_formatting]" /></div></td>
			<if condition="$show['font_bbcode'] OR $show['size_bbcode']">
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
			</if>
			<if condition="$show['font_bbcode']">
				<td><div class="imagebutton" id="{$editorid}_popup_fontname" title="$vbphrase[fonts]">
					<table cellpadding="0" cellspacing="0" border="0">
					<tr>
						<td class="popup_feedback"><div id="{$editorid}_font_out" style="width:91px">&nbsp;</div></td>
						<td class="popup_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
					</tr>
					</table>
				</div></td>
			</if>
			<if condition="$show['size_bbcode']">
				<td><div class="imagebutton" id="{$editorid}_popup_fontsize" title="$vbphrase[sizes]">
					<table cellpadding="0" cellspacing="0" border="0">
					<tr>
						<td class="popup_feedback"><div id="{$editorid}_size_out" style="width:25px">&nbsp;</div></td>
						<td class="popup_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
					</tr>
					</table>
				</div></td>
			</if>
			<if condition="$show['color_bbcode']">
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
				<td><div class="imagebutton" id="{$editorid}_popup_forecolor" title="$vbphrase[colors]">
					<table cellpadding="0" cellspacing="0" border="0">
					<tr>
						<td id="{$editorid}_color_out"><img src="$stylevar[imgdir_editor]/color.gif" width="21" height="16" alt="" /><br /><img src="$vboptions[cleargifurl]" id="{$editorid}_color_bar" alt="" style="background-color:black" width="21" height="4" /></td>
						<td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
					</tr>
					</table>
				</div></td>
			</if>
			<if condition="$show['wysiwygsmilies']">
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
				<td><div class="imagebutton" id="{$editorid}_popup_smilie" title="$vbphrase[smilies]">
					<table cellpadding="0" cellspacing="0" border="0">
					<tr>
						<td><img src="$stylevar[imgdir_editor]/smilie.gif" alt="" width="21" height="20" /></td>
						<td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
					</tr>
					</table>
				</div></td>
			</if>
			<if condition="$show['attach']">
				<td><div class="imagebutton" id="{$editorid}_popup_attach" title="$vbphrase[attachments]">
					<table cellpadding="0" cellspacing="0" border="0">
					<tr>
						<td><img src="$stylevar[imgdir_editor]/attach.gif" alt="" width="21" height="20" /></td>
						<td class="alt_pickbutton"><img src="$stylevar[imgdir_editor]/menupop.gif" width="11" height="16" alt="" /></td>
					</tr>
					</table>
				</div></td>
			</if>
			
				<!--
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_cut"><img src="$stylevar[imgdir_editor]/cut.gif" width="21" height="20" alt="$vbphrase[cut]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_copy"><img src="$stylevar[imgdir_editor]/copy.gif" width="21" height="20" alt="$vbphrase[copy]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_paste"><img src="$stylevar[imgdir_editor]/paste.gif" width="21" height="20" alt="$vbphrase[paste]" /></div></td>
				-->
	
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_undo"><img src="$stylevar[imgdir_editor]/undo.gif" width="21" height="20" alt="$vbphrase[undo]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_redo"><img src="$stylevar[imgdir_editor]/redo.gif" width="21" height="20" alt="$vbphrase[redo]" /></div></td>

			<td width="100%">&nbsp;</td>
			<if condition="is_browser('ie') AND !is_browser('mac')">
				<td><div class="imagebutton" id="{$editorid}_cmd_spelling"><img src="$stylevar[imgdir_editor]/spelling.gif" width="21" height="20" alt="$vbphrase[check_spelling]" /></div></td>
			</if>
				<td>
					<div class="imagebutton" id="{$editorid}_cmd_resize_0_100"><img src="$stylevar[imgdir_editor]/resize_0.gif" width="21" height="9" alt="$vbphrase[decrease_size]" /></div>
					<div class="imagebutton" id="{$editorid}_cmd_resize_1_100"><img src="$stylevar[imgdir_editor]/resize_1.gif" width="21" height="9" alt="$vbphrase[increase_size]" /></div>
				</td>
			<if condition="$show['wysiwyg_compatible']">
				<td><div class="imagebutton" id="{$editorid}_cmd_switchmode"><img src="$stylevar[imgdir_editor]/switchmode.gif" width="21" height="20" alt="$vbphrase[switch_editor_mode]" /></div></td>
			</if>
			</tr>
			</table>

			<if condition="!$show['basicbbcodeonly']">
			<table cellpadding="0" cellspacing="0" border="0">
			<tr>
			<if condition="$show['basic_bbcode']">
				<td><div class="imagebutton" id="{$editorid}_cmd_bold"><img src="$stylevar[imgdir_editor]/bold.gif" width="21" height="20" alt="$vbphrase[bold]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_italic"><img src="$stylevar[imgdir_editor]/italic.gif" width="21" height="20" alt="$vbphrase[italic]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_underline"><img src="$stylevar[imgdir_editor]/underline.gif" width="21" height="20" alt="$vbphrase[underline]" /></div></td>
			</if>
			<if condition="$show['align_bbcode']">
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
				<if condition="$stylevar['textdirection'] == 'ltr'">
				<td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.gif" width="21" height="20" alt="$vbphrase[align_left]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.gif" width="21" height="20" alt="$vbphrase[align_center]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.gif" width="21" height="20" alt="$vbphrase[align_right]" /></div></td>
				<else />
				<td><div class="imagebutton" id="{$editorid}_cmd_justifyright"><img src="$stylevar[imgdir_editor]/justifyright.gif" width="21" height="20" alt="$vbphrase[align_right]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_justifycenter"><img src="$stylevar[imgdir_editor]/justifycenter.gif" width="21" height="20" alt="$vbphrase[align_center]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_justifyleft"><img src="$stylevar[imgdir_editor]/justifyleft.gif" width="21" height="20" alt="$vbphrase[align_left]" /></div></td>
				</if>
			</if>
			<if condition="$show['align_bbcode'] OR $show['list_bbcode']">
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
			</if>
			<if condition="$show['list_bbcode']">
				<td><div class="imagebutton" id="{$editorid}_cmd_insertorderedlist"><img src="$stylevar[imgdir_editor]/insertorderedlist.gif" width="21" height="20" alt="$vbphrase[ordered_list]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_insertunorderedlist"><img src="$stylevar[imgdir_editor]/insertunorderedlist.gif" width="21" height="20" alt="$vbphrase[unordered_list]" /></div></td>
			</if>
			<if condition="$show['align_bbcode'] OR $show['list_bbcode']">
				<if condition="$stylevar['textdirection'] == 'ltr'">
				<td><div class="imagebutton" id="{$editorid}_cmd_outdent"><img src="$stylevar[imgdir_editor]/outdent.gif" width="21" height="20" alt="$vbphrase[decrease_indent]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_indent"><img src="$stylevar[imgdir_editor]/indent.gif" width="21" height="20" alt="$vbphrase[increase_indent]" /></div></td>
				<else />
				<td><div class="imagebutton" id="{$editorid}_cmd_outdent"><img src="$stylevar[imgdir_editor]/indent.gif" width="21" height="20" alt="$vbphrase[decrease_indent]" /></div></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_indent"><img src="$stylevar[imgdir_editor]/outdent.gif" width="21" height="20" alt="$vbphrase[increase_indent]" /></div></td>
				</if>
			</if>
			<if condition="$show['url_bbcode'] OR $show['img_bbcode']">
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
				<if condition="$show['url_bbcode']">
					<td><div class="imagebutton" id="{$editorid}_cmd_createlink"><img src="$stylevar[imgdir_editor]/createlink.gif" width="21" height="20" alt="$vbphrase[insert_link]" /></div></td>
					<td><div class="imagebutton" id="{$editorid}_cmd_unlink"><img src="$stylevar[imgdir_editor]/unlink.gif" width="21" height="20" alt="$vbphrase[remove_link]" /></div></td>
					<td><div class="imagebutton" id="{$editorid}_cmd_email"><img src="$stylevar[imgdir_editor]/email.gif" width="21" height="20" alt="$vbphrase[insert_email_link]" /></div></td>
				</if>
				<if condition="$show['img_bbcode']">
					<td><div class="imagebutton" id="{$editorid}_cmd_insertimage"><img src="$stylevar[imgdir_editor]/insertimage.gif" width="21" height="20" alt="$vbphrase[insert_image]" /></div></td>
				</if>
			</if>
			<if condition="$show['quote_bbcode']">
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>
				<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_quote"><img src="$stylevar[imgdir_editor]/quote.gif" width="21" height="20" alt="$vbphrase[wrap_quote_tags]" /></div></td>
			</if>
			<if condition="$show['code_bbcode'] OR $show['html_bbcode'] OR $show['php_bbcode']">
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>				
				<if condition="$show['code_bbcode']">
					<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_code"><img src="$stylevar[imgdir_editor]/code.gif" width="21" height="20" alt="$vbphrase[wrap_code_tags]" /></div></td>
				</if>
				<if condition="$show['html_bbcode']">
					<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_html"><img src="$stylevar[imgdir_editor]/html.gif"  width="21" height="20" alt="$vbphrase[wrap_html_tags]" /></div></td>
				</if>
				<if condition="$show['php_bbcode']">
					<td><div class="imagebutton" id="{$editorid}_cmd_wrap0_php"><img src="$stylevar[imgdir_editor]/php.gif" width="21" height="20" alt="$vbphrase[wrap_php_tags]" /></div></td>
				</if>
			</if>
			<if condition="$vBeditTemplate['extrabuttons'] != '' ">
				<td><img src="$stylevar[imgdir_editor]/separator.gif" width="6" height="20" alt="" /></td>	
				$vBeditTemplate[extrabuttons]
			</if>
			</tr>
			</table>
			</if>

		</div>

		<table cellpadding="0" cellspacing="0" border="0" width="100%">
		<tr valign="top">
		<td class="controlbar"><textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="display:block; 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>
		</table>
	</td>
</tr>
</table>

<input type="hidden" name="wysiwyg" id="{$editorid}_mode" value="$editortype" />

<script type="text/javascript">
<!--
vB_Editor['$editorid'] = new vB_Text_Editor('$editorid', $editortype, '$forumid', '$parsesmilie', undefined, '$ajax_extra');
//-->
</script>
 
H

h@ck3r

New Member
That worked a treat mate.

But one other thing... which template do I edit to change the amount of rows/ columns that the smilies are listed in?

Currently they are in 3 columns, and about 8 rows and it looks a bit silly.

I'm going to change it to 2 rows and about 8 columns.

Thanks again- most appreciated. :)

EDIT: I worked it out myself. in case anyone else has that problem- You just go into your admin panel and change it in the smilies settings. :)
 
You must log in or register to reply here.
Top