PDA

View Full Version : GTSmiliebox - Move Below Editing Area


Princeton
30 Jan 2006, 22:54
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 (https://www.paypal.com/cgi-bin/webscr?cmd=_ext-enter&redirect_cmd=_xclick&business=paypal%40gtwebhost%2Ecom)

FIND IN editor_toolbar_on template:
<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:
<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:
<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://www.vbulletin.org/forum/ (http://www.vbulletin.org/forum/vborg_miscactions.php?do=installhack&threadid=106747) for updates.

AshokForums.com
31 Jan 2006, 00:11
nice hack.. Installed..

sellbuydomain
31 Jan 2006, 00:21
nice work, thanks so much

AshokForums.com
31 Jan 2006, 00:36
There is a problem.. Check out the screen shot

sellbuydomain
31 Jan 2006, 00:38
yes, try it redo it right now, follow the the new codes up there, will works this time. i just did it work.

Princeton
31 Jan 2006, 00:43
it's fixed now ... thanks to sellbuydomain (code typo)

BoYagoob
31 Jan 2006, 07:12
installed .. :)

gothicuser
31 Jan 2006, 09:04
Great. Thankyou very much.

Snake
31 Jan 2006, 13:23
This is quite good. Thanks!

shadowdancer36
31 Jan 2006, 19:43
Yes! I needed that. Do you know how to change how many cols it shows? I want it to show 4 or 5 columns.

DS MrSinister
31 Jan 2006, 20:14
Nice Job m8 thanks.

PtP
01 Feb 2006, 02:48
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 ;)

Gripemaster
01 Feb 2006, 03:51
*Clicks Install* Thank you! Very nice!

Princeton
01 Feb 2006, 14:28
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.

poprulz
01 Feb 2006, 15:10
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...

Princeton
01 Feb 2006, 15:34
populz,
I believe you can edit the editor's width via STYLES & TEMPLATES/ StyleVars.

poprulz
01 Feb 2006, 19:00
thx alot prince..it did the trick!

vietfancy
01 Feb 2006, 19:54
Installed

Quarterbore
02 Feb 2006, 20:40
Awsome!

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

EasyTarget
02 Feb 2006, 20:42
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.

CoreIssue
23 Feb 2006, 13:58
Sweet.

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

Princeton
23 Feb 2006, 14:09
thanks for the feedback! :D

Doc.Blade
08 Mar 2006, 13:53
nice work Princeton, this is a great help on my site, thank you :nervous:

>>Installed<<

Princeton
08 Mar 2006, 14:22
feedback appreciated .. thank you :up:

FARMER
12 Mar 2006, 09:42
Greatest Idea!!

Thank you!

|oR|Greg
23 Mar 2006, 15:41
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?

Princeton
23 Mar 2006, 15:59
table/editor width is based on the value that you enter in STYLES / STYLEVAR

|oR|Greg
23 Mar 2006, 16:20
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?

JJR512
04 Apr 2006, 04:49
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:
<td class="smallfont" colspan="$vboptions[smcolumns]">
Change to:
<td align="center" class="smallfont" colspan="$vboptions[smcolumns]">
Save it and you're done. :)

quang188
24 May 2006, 20:25
Thanx a lot man. APpreciate it greatly :D

UncoderMom
26 May 2006, 18:55
Installed Thanks!

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

Kroby
26 May 2006, 21:53
Many thanks, installed :)

dan35
28 May 2006, 06:08
Installed! Thank you, Princeton!

akanevsky
28 May 2006, 14:56
Nice mod, thanks. Clean and simple.

Princeton
29 May 2006, 16:10
thank you :up:

Christie189
20 Jul 2006, 17:59
Installed and working great. Thank you so much!

zooki
24 Jul 2006, 12:47
I would like to thank Joe for this Template Mod code! Its very useful.

glorify
16 Aug 2006, 04:54
Very Nice. Two rows of 15 look great :)

UncoderMom
14 Oct 2006, 16:19
3.6.2 ?


*edit*

Works GREAT with 3.6! Thank you again!

EMBX
20 Oct 2006, 04:45
Installed, very nice and clean indeed

kungfujesus
05 Nov 2006, 05:32
installed... very nice

BigJimTheLug
26 Nov 2006, 02:15
I needed, this is really good!

Thanks

Kat-Sybermoms
08 Dec 2006, 22:03
We needed this badly, so thanks so much for a quick and easy fix.

Installed!!

Tralala
15 Mar 2007, 14:00
/installed

LorraineMc
10 Apr 2007, 20:31
Thanks again....another great hack....love it.....you rock....

713JunctionP
01 Jun 2007, 18:57
Awesome Mod! Makes Things Look A Whole Lot Cleaner!

and this worked in 3.6.7!!!!!!! :up:

bashy
01 Aug 2007, 17:08
Hi Princeton, works fine on 3.6.8 :)

jandm
06 Dec 2007, 21:28
*installed* on 3.5.7

Great mod:)

ogameclub
29 Dec 2007, 15:58
Works on v3.6.8 :up:
Message Posting Interface Options--> Smiliebox Smilies Per Row: 10