vb.org Archive - GTSmiliebox - Move Below Editing Area

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 3.5 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=155)

- - GTSmiliebox - Move Below Editing Area (https://vborg.vbsupport.ru/showthread.php?t=106747)

GTSmiliebox - Move Below Editing Area

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>

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

Click https://vborg.vbsupport.ru/ for updates.

nice hack.. Installed..

nice work, thanks so much

There is a problem.. Check out the screen shot

yes, try it redo it right now, follow the the new codes up there, will works this time. i just did it work.

it's fixed now ... thanks to sellbuydomain (code typo)

Great. Thankyou very much.

This is quite good. Thanks!

Yes! I needed that. Do you know how to change how many cols it shows? I want it to show 4 or 5 columns.

Quote:

Originally Posted by shadowdancer36

Yes! I needed that. Do you know how to change how many cols it shows? I want it to show 4 or 5 columns.

Thats adjustable in vBulletin Options just like normal ;)

*Clicks Install* Thank you! Very nice!

Quote:

Originally Posted by shadowdancer36

Yes! I needed that. Do you know how to change how many cols it shows? I want it to show 4 or 5 columns.

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

Nice simple hack....

The text area looks od now as it is just half the page...is it possible to resize it so that it strecthes its width to the space the smiley box earlier was.

The $stylevar[messagewidth] does i guess...

populz,
I believe you can edit the editor's width via STYLES & TEMPLATES/ StyleVars.

thx alot prince..it did the trick!

Awsome!

Have you looked at moving icons over to where the smilies were yet? Not a big deal as the smilies were my nightmare...

great hack, thanks.

can you include the instructions in a text file? The mods make you do it anyways and it makes it easy to archive the hacks I've installed.

Sweet.

I think it looks way better than the default and allows a better text posting area!:nervous:

thanks for the feedback! :D

nice work Princeton, this is a great help on my site, thank you :nervous:

>>Installed<<

feedback appreciated .. thank you :up:

Greatest Idea!!

Thank you!

Installed, however I wanted the Message Area Width at 100%, but it doesn't seem to accept percent as a value, just px. Anyone know how to fill the Message Area Width completely regarding width?

table/editor width is based on the value that you enter in STYLES / STYLEVAR

Right but it doesn't accept %, only px, do you know a way to have it accept either %, or some other way to fill the space?

If you like your smilies below your message editing box, here's something else you might want to do. If you just move the smilies to below the edit box, the More link will still be left-aligned under the smilies. To center it, make the following change to the template editor_smiliebox:

Find:

Code:

<td class="smallfont" colspan="$vboptions[smcolumns]">

Change to:

Code:

<td align="center" class="smallfont" colspan="$vboptions[smcolumns]">

Save it and you're done. :)

Thanx a lot man. APpreciate it greatly :D

Installed Thanks!

This should be default! I only had three rows and it was still breaking my templates! NOT no more ;)

Many thanks, installed :)

Installed! Thank you, Princeton!

Nice mod, thanks. Clean and simple.

Installed and working great. Thank you so much!

I would like to thank Joe for this Template Mod code! Its very useful.

Very Nice. Two rows of 15 look great :)

3.6.2 ?

*edit*

Works GREAT with 3.6! Thank you again!

Installed, very nice and clean indeed

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01332 seconds Memory Usage 1,791KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (3)bbcode_html_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: