New Posting Features - Move smilies to below text area (and optionally add to Quick Reply)

NOTE: This will break your 4.1.4 Quick Reply if you have smilies enabled there unless you do the edit below.

This moves the smilie box to below the text area when posting within threads, blogs, groups, PMs, and cms when using the Advanced Editor (new item or advanced reply). This is done using just CSS. The plugin simply appends the new CSS file to the editor.css file link in the page. It can also make the smiliebox show on the showthread page below the text box in Quick Reply if you do the Optional Edit below.

lynne_smilies_below.png

This mod is supported for the default style only as trying to debug other's site CSS issues is not easy.

This has been tested in firefox, Safari and IE7.


Version History:
1.0 2009-12-06: initial release by Lynne at vbulletin.org (pre 4.0.1)
1.1 2010-01-13: fixed issues with 4.0.1; made it move the smilies to the bottom for sending a new PM ('blog'), and for posting a New Discussion ('group') (4.0.1)
1.2 2010-01-23: fixed it to work if you store your css in the filesystem (4.0.1)
1.3 2010-05-05: added fields so it will work with vbcms and editpost (4.0.1)
1.4 2010-10-23: Modified CSS to use new stylevars - you do NOT need to upgrade to this version if your CSS is working just fine for you! (4.0.8 - see note below for 4.1PL1)


To install:

1. Import product-lynne_smilies_below.xml

2. Go to Settings > Options > Message Posting Interface Options > Put smilie box below textarea > Yes

3. Go to Settings > Options > Message Posting Interface Options and make sure you set these two settings:
Smiliebox Total Smilies - this is the total number of smilies you want to show
Smiliebox Rows (smilies below textarea) - this is the number of rows of smilies you would like

NOTE: The Total Smilies must be evenly divisible by the Rows, ie. you can't set the Total to 17 and have 2 Rows as that won't work.

4. OPTIONAL - If you also want the smiliebox to show on the showthread page under the Quick Reply, then you must do the following:
a. Go to Settings > Options > Message Posting Interface Options > Add smiliebox below Quick Reply on showthread page > Yes (Note that the above options, Put smilie box below textarea must also be set to Yes)
b. Make the following template edit in the template "showthread_quickreply".
Find the following:

        <div class="editor_textbox quickreply">
            <vb:if condition="$show['qr_require_click']">
                <textarea name="message" id="{vb:raw editorid}_textarea" rows="10" cols="80" dir="{vb:stylevar textdirection}" disabled="disabled">{vb:raw click_quick_reply_icon}</textarea>
            <vb:else />
                <textarea name="message" id="{vb:raw editorid}_textarea" rows="10" cols="80" dir="{vb:stylevar textdirection}"></textarea>
            </vb:if>
        </div>    
        
    </div>
</div>

Add in the following line among the bottom divs (for 4.0.8):

        </div>    
        <vb:if condition="($vbulletin->options['lynne_sb_below'] AND $vbulletin->options['lynne_sb_below_2']) AND THIS_SCRIPT == 'showthread'"><div class="editor_smiliebox">{vb:raw smiliebox}</div></vb:if>
    </div>
</div>

OR Add in the following line among the bottom divs (for 4.1.0 PL1):

        </div>    
        <vb:if  condition="($vboptions['lynne_sb_below'] AND  $vboptions['lynne_sb_below_2']) AND THIS_SCRIPT ==  'showthread'"><div class="editor_smiliebox">{vb:raw  smiliebox}</div></vb:if>
    </div>
</div>

OR in 4.1.10 forward, find this code in the SHOWTHREAD template:

		<div class="blockrow">
			{vb:raw messagearea}
		</div>

Add directly below there:

        <vb:if  condition="($vboptions['lynne_sb_below'] AND  $vboptions['lynne_sb_below_2']) AND THIS_SCRIPT ==  'showthread'"><div class="editor_smiliebox">{vb:raw  smiliebox}</div></vb:if>

To get this to work with 4.1.4 (and later) Quick Reply:
Edit the plugin "Add smilies to Quick Reply also" and remove, or comment out, the line:

PHP Code:

    $editor_template_name = 'showthread_quickreply'; 


To uninstall:

1. Uninstall "Move smilies below textarea"
2. If you added the smiliebox to the showthread.php page in the Quick Reply, then remove the template edit done above.

This will not work for pre-beta 5 vB4.

[Bouncer222]

I still can't get this to work properly, I fixed the issue with my files not matching up to vb 4.0 version but the smilies still show up as text, could someone please help me?

you can check out any thread at www.brotherhoodofgamers.com

[pinoquio46]

Originally Posted by Lynne

I do not know as I didn't look into that.

If you go work on that, i think the post edition deservs the same...

[pinoquio46]

Originally Posted by Bouncer222

I still can't get this to work properly, I fixed the issue with my files not matching up to vb 4.0 version but the smilies still show up as text, could someone please help me?

you can check out any thread at www.brotherhoodofgamers.com

See the paht off your smilies images/smilies/smilie.gif, must be that way.

[carleboy]

Originally Posted by Lynne

You would have to increase the height (by 2, if for 2 rows) and decrease the width (by 2, if for 2 rows) for the ".editor_smiliebox ul.smiliebox" I've never tried that, but it should work.

.editor_smiliebox ul.smiliebox {
height:{vb:math 2*{vb:math 21+2*2}}px;
margin:0 auto;
width:{vb:math 20+.5*{vb:raw vboptions.smtotal}*{vb:math 20+2*2}}px;
}

sorry still cant work it out ill just uninstall it

Thanks anyway. Hope you can make it simpler like it used to be here https://vborg.vbsupport.ru/showthread.php?t=178327

[Lynne]

Originally Posted by pinoquio46

If you go work on that, i think the post edition deservs the same...

See if this does what you want:

Find the plugin "move smilies below textarea" and find this line:

PHP Code:

  if (in_array(THIS_SCRIPT, array('newthread', 'blog_post','group'))) 


Change it to:

PHP Code:

  if (in_array(THIS_SCRIPT, array('newthread', 'blog_post','group','private'))) 


Save.

That will move the smilies to the bottom of the private message page. This only works for the Send new PM page where the smilies are already shown.

[Bouncer222]

Originally Posted by pinoquio46

See the paht off your smilies images/smilies/smilie.gif, must be that way.

It is that way but it just won't show up, and if you type : ) for example (without the space) in the text box and submit your reply, it will show up, so that means the path is right.

But under the reply box it wont show up with the images, why?

[pinoquio46]

Originally Posted by Lynne

See if this does what you want:

Find the plugin "move smilies below textarea" and find this line:

PHP Code:

  if (in_array(THIS_SCRIPT, array('newthread', 'blog_post','group'))) 


Change it to:

PHP Code:

  if (in_array(THIS_SCRIPT, array('newthread', 'blog_post','group','private'))) 


Save.

That will move the smilies to the bottom of the private message page. This only works for the Send new PM page where the smilies are already shown.

It works in both, new PM and reply to PM

I try to include 'editpost' in the array, but the smilies go to right side of thr page...

Thanks for your reply :up:

[ForYou]

i don't know why the smilies look small and now show all ,

look at attach

Regards

[Lynne]

Originally Posted by ForYou

i don't know why the smilies look small and now show all ,

look at attach

Regards

You should get the smilies how you want them to look on the side first, and then transfer those css numbers to the modification. vb4 sets the widths for those in the css now, so you need to adjust the css to get them looking how you want.

[kho91]

thank's Lynne, but i have a problem, the smilies are small !

thank's