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.

[Lynne]

Originally Posted by Sunka

Lynne, any help for quoted above?
When I install your mod, and enable smilies below Quick Reply than this 2 quoted mods stop working.

Sorry, but I don't know either of those mods at all and I don't have any time to look into them. Could be something as simple as a str_replace that is conflicting, but I don't know.

[ComoEstaEso-com]

Originally Posted by Wilfred1

Hope this helps!

DEFINITELY IT DOES!

Originally Posted by Lynne

Thank you! It's very much appreciated when people share their modified css to get something a bit different for their site.

+1
Thanks!

To me, CSS is magic I don't know about... yet it works beautifully.
w00t w00t!

Attachment 117852

[SoltanWorld]

does it work on Vb4.0.2?

[Walter Ronny]

Originally Posted by Walter Ronny

i did it , it's possible only to add this to quick reply and pm reply?

http://i45.tinypic.com/2hd4qqa.png

[Lynne]

Originally Posted by Walter Ronny

I don't understand what you want. Your image is circling an item that has nothing to do with this modification. If you want to do something with that dropdown, then this isn't the modification for you.

[Bounce]

Lynne, I'm having a small problem on 4.0.4 when I install a new style it doesn't do the rows that I created with my main style, i've tried copying the editor2.css to the new templates but that still doesn't make them show as various rows, any ideas?

[Lynne]

Originally Posted by hIBEES

Lynne, I'm having a small problem on 4.0.4 when I install a new style it doesn't do the rows that I created with my main style, i've tried copying the editor2.css to the new templates but that still doesn't make them show as various rows, any ideas?

I'd suggest you go over the install instruction again because it does work on a default 4.0.4 test site. I've tested it on mine.

[Bounce]

Originally Posted by Lynne

I'd suggest you go over the install instruction again because it does work on a default 4.0.4 test site. I've tested it on mine.

Thanks I will do lynne, I wasn't saying it wasn't working, I'm saying the extra rows that i added urnae (that's scottish for are not ) I'll check :up:

[Bounce]

ah, has 4.0.4 changed the template for editor.css?

I searched for the code in OP

width:20px;
 height:21px;
    margin:2px;

It appears its been changed to this.....

.editor_smiliebox ul.smiliebox li {
	float:{vb:stylevar left};
	height:{vb:stylevar editor_smiliebox_smiliesize};
	width:{vb:stylevar editor_smiliebox_smiliesize};
	margin:2px;
	overflow:hidden;
	position:relative;
	text-align:center;
}

Now after some thought I changed the editor_smiliebox_smiliesize to a bigger size in the stylevars and after mucking about with various sizes in editor2.css I've got a good layout (see attachment)

All I'll need to do now is change the editor_smiliebox_smiliesize in all my other styles and copy the editor2.css from my working good layout to all the others.

Just for info to maybe help others

[Bouncer222]

nvm