The Arcive of Official vBulletin Modifications Site.

About Developer · **Released**: 12-05-2009

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:

Code:

        <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):

Code:

        </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):

Code:

        </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:

Code:

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

Add directly below there:

Code:

        <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.

hqlman · #**222** 07-05-2010, 09:40 AM

Thanks for this great mod, ive installed it buy is there a way to have more smileys on one line?

Ezswo · #**223** 08-03-2010, 11:04 AM

Quote:

Originally Posted by hIBEES

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

I searched for the code in OP

Code:

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

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

Code:

.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

I've not been able to get this to work. I can't seem to get the width of the box correct. Can you show me your editor2.css file so I can get a clue as to what I'm doing wrong with this? Thanks!

EDIT: Never mind, finally worked it out with some help in this post:
https://vborg.vbsupport.ru/showpost....57&postcount=6

fxwoody · #**224** 08-09-2010, 10:56 PM

Well after playing and playing around this, i ended up with the perfect combination for my place!

This is my setup from the "stylevars", "template editor" and "Message Posting Interface Options".

PHP Code:


			
******SMILIES BELOW**********

 USERCP_SHELL



HTML Code:

</head>



Add directly above it:

HTML Code:

{vb:raw headinclude_bottom}



********************************



Adjust Stylevars :editor-smiliebox-smiliesize to 55px



+++++++++editor.CSS++++++++++



.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;

}



++++Option for textbox size++++



.editor_textbox iframe {

    margin:0;

    padding:0;

    height:406px;      *****Adjust height to your taste! Original was 206px*****

}



++++Option for quickreply size++++



.editor_textbox.quickreply iframe {

        height:156px;        *****Adjust height to your taste! Original was 106px*****

}



++++++++EDITOR2++++++++



@charset "UTF-8";

/* editor2.css */

      .editor_smiliebox {

      clear:both;

      height:{vb:math 5*{vb:math 21+2*2}}px;

      position: relative;

      float:left;

      width: 100%;

}



.editor_smiliebox ul.smiliebox {

      height:{vb:math 4.5*{vb:math 21+2*2}}px;

      margin:0 auto;

}



.editor_textbox_smilie {

      margin-right:0;

}

Adjust Message Posting Interface Options:

Smiliebox Total Smilies:30
Smiliebox Smilies Per Row:15
Smilie Menu Total Smilies:30

Hope it helps some of you

Madita · #**225** 08-18-2010, 08:35 AM

Doesn't this work with 4.0.6 ...?

I try for hours now, but I can't show the icons below the textbox

This is my editor.css

Quote:

.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;

my editor2.css

Quote:

@charset "UTF-8";
/* editor2.css */
.editor_smiliebox {
clear:both;
height:{vb:math 2*{vb:math 21+2*2}}px;
position: relative;
float:left;
width: 100%;
}
.editor_smiliebox ul.smiliebox {
height:{vb:math 21+2*2}px;
margin:0 auto;
width:{vb:math 20+{vb:raw vboptions.smtotal}*{vb:math 20+2*2}}px;
}
.editor_textbox_smilie {
margin-right:0;
}

setting in editor_smiliebox_smiliesize = 35 ---- > Do I have to change this into 21 ???

Options in setting also allowed !

Can anyone help ?

Xencored · #**226** 08-20-2010, 05:03 PM

Lynne ive followed everything like before and i get this now O_o

I cant seem to found out why box is making this happen
any ideas?

Thanks

Lynne · #**227** 08-20-2010, 09:15 PM

Please try using a totally default style and see if you still have the same issue. I notice you also have an extra field added and that could be causing the issue also.

Xencored · #**228** 08-21-2010, 05:58 AM

Quote:

Originally Posted by Lynne

Please try using a totally default style and see if you still have the same issue. I notice you also have an extra field added and that could be causing the issue also.

Aye i removed the extra field same issue
Allso my skin is the default (with colored bars added) but ive also tryed on a clean style same problem (when i made the image below 22px each it fits

Lynne · #**229** 08-21-2010, 02:44 PM

I really can't tell from the image. If you want to post a link to a thread with a test username/password and a selectable totally default style, then I'll take a look. But, you should first try disabling all other mods and see if it could be this mod and another don't work well together.

Xencored · #**230** 08-21-2010, 03:38 PM

Quote:

Originally Posted by Lynne

I really can't tell from the image. If you want to post a link to a thread with a test username/password and a selectable totally default style, then I'll take a look. But, you should first try disabling all other mods and see if it could be this mod and another don't work well together.

Sure i can do that
Its like the Textbox is too big and is pushed to the side due to the smilies under it
When i change the smilies box to one line only it fits fine

any idea if the whole "posting box" is a fixed size if so i could make it bigger and this problem would be fixed, Tho i had firebug out and couldnt find any table

Xencored · #**231** 08-21-2010, 10:14 PM

Fixed!

had to add

Code:

clear:both

to
.editor_textbox_container

Thanks

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05982 seconds Memory Usage 2,371KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (8)bbcode_code (2)bbcode_php (5)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)pagenav_pagelinkrel (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (4)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.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/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.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 showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!