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.

[mmhmm]

thank you for this wonderful mod!

[ViciousCode]

Originally Posted by Lynne

It's one of the CSS Templates - so it's in the Edit Templates area.

anyway i can move the smilies below the buttons but above the textarea?

[TalkVirginia]

Originally Posted by Lynne

It's one of the CSS Templates - so it's in the Edit Templates area.

ok I found it. tried to change the values. It changed the area around the smilies but some of the smilies are normal size and some are very small. I saw in a previous post that I should revert all templates because something was fixed between 4.0.0 and 4.0.1. I'm running 4.0.1. I made a bunch of changes to my Master Templates thought. If I need to revert everything how do I do that?

Thanks

[Lynne]

Originally Posted by ViciousCode

anyway i can move the smilies below the buttons but above the textarea?

You would have to do a template edit, I believe. This mod is just a css change.

Originally Posted by TalkVirginia

ok I found it. tried to change the values. It changed the area around the smilies but some of the smilies are normal size and some are very small. I saw in a previous post that I should revert all templates because something was fixed between 4.0.0 and 4.0.1. I'm running 4.0.1. I made a bunch of changes to my Master Templates thought. If I need to revert everything how do I do that?

Thanks

You select the template from the list and click on the Revert button on the right. If you think you may have changes in there that you will want later on, then make a copy of the template first.

[TalkVirginia]

Originally Posted by Lynne

You would have to do a template edit, I believe. This mod is just a css change.

You select the template from the list and click on the Revert button on the right. If you think you may have changes in there that you will want later on, then make a copy of the template first.

Wow there are a lot of templates. Do I have to go through and do them all one by one?

[Lynne]

Originally Posted by TalkVirginia

Wow there are a lot of templates. Do I have to go through and do them all one by one?

Only templates you want to revert. And, I hope you didn't really mean that you are making changes to the MASTER STYLE. You should never be making changes to the master style.

[albrens]

Thanks.

[TalkVirginia]

Originally Posted by Lynne

Only templates you want to revert. And, I hope you didn't really mean that you are making changes to the MASTER STYLE. You should never be making changes to the master style.

yep. Master Style.. I was reading somewhere that if you wanted changes to cascade through all templates that you had to make them in there. I guess I misread. Anyway, I have no idea what to do now. The changes I made have nothing to do with the smilies, except the ones I made to the editor css templates.

[Lynne]

Originally Posted by TalkVirginia

yep. Master Style.. I was reading somewhere that if you wanted changes to cascade through all templates that you had to make them in there. I guess I misread. Anyway, I have no idea what to do now. The changes I made have nothing to do with the smilies, except the ones I made to the editor css templates.

What you do is create a Parent Style and put all the styles for your site under that style. Then, you change the Parent Style templates and it will affect all the styles under it. Right now, since you have been changing your master style, you cannot revert to the default style. I'm not sure what you should do to get the default settings back if you need them. If you need to revert, you may want to post on vb.com and ask what you should do.

[mandingo]

Originally Posted by Lynne

What you do is create a Parent Style and put all the styles for your site under that style. Then, you change the Parent Style templates and it will affect all the styles under it. Right now, since you have been changing your master style, you cannot revert to the default style. I'm not sure what you should do to get the default settings back if you need them. If you need to revert, you may want to post on vb.com and ask what you should do.

Wow, I can't believe I never thought of that,and here's me editing each one of my styles one by one. ugh.