Go Back   vb.org Archive > vBulletin Modifications > vBulletin 4.x Modifications > vBulletin 4.x Add-ons
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
Move smilies to below text area (and optionally add to Quick Reply) Details »»
Move smilies to below text area (and optionally add to Quick Reply)
Version: 1.4, by Lynne Lynne is offline
Developer Last Online: Oct 2022 Show Printable Version Email this Page

Category: New Posting Features - Version: 4.0.8 Rating:
Released: 12-05-2009 Last Update: 11-20-2010 Installs: 278
Uses Plugins Template Edits Auto-Templates
 
No support by the author.

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.

Download Now

File Type: zip Move Smilies Below.zip (34.8 KB, 489 views)
File Type: zip Move Smilies Below 1.3.zip (35.3 KB, 335 views)
File Type: zip Move Smilies Below 1.4.zip (34.7 KB, 734 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #222  
Old 07-05-2010, 09:40 AM
hqlman's Avatar
hqlman hqlman is offline
 
Join Date: Aug 2008
Posts: 96
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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

Reply With Quote
  #223  
Old 08-03-2010, 11:04 AM
Ezswo Ezswo is offline
 
Join Date: Oct 2007
Posts: 11
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by hIBEES View Post
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
Reply With Quote
  #224  
Old 08-09-2010, 10:56 PM
fxwoody's Avatar
fxwoody fxwoody is offline
 
Join Date: Jun 2010
Location: On Earth
Posts: 291
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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 tasteOriginal was 206px*****
}

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

.
editor_textbox.quickreply iframe {
        
height:156px;        *****Adjust height to your tasteOriginal was 106px*****
}

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

@
charset "UTF-8";
/* editor2.css */
      
.editor_smiliebox {
      
clear:both;
      
height:{vb:math 5*{vb:math 21+2*2}}px;
      
positionrelative;
      
float:left;
      
width100%;
}

.
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
Attached Images
File Type: png cover.png (95.6 KB, 0 views)
Reply With Quote
  #225  
Old 08-18-2010, 08:35 AM
Madita Madita is offline
 
Join Date: Sep 2008
Posts: 42
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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 ?
Reply With Quote
  #226  
Old 08-20-2010, 05:03 PM
Xencored Xencored is offline
 
Join Date: Sep 2008
Location: UK, Scuny
Posts: 1,337
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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
Reply With Quote
  #227  
Old 08-20-2010, 09:15 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.
Reply With Quote
  #228  
Old 08-21-2010, 05:58 AM
Xencored Xencored is offline
 
Join Date: Sep 2008
Location: UK, Scuny
Posts: 1,337
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Lynne View Post
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
Reply With Quote
  #229  
Old 08-21-2010, 02:44 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.
Reply With Quote
  #230  
Old 08-21-2010, 03:38 PM
Xencored Xencored is offline
 
Join Date: Sep 2008
Location: UK, Scuny
Posts: 1,337
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Lynne View Post
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
Reply With Quote
  #231  
Old 08-21-2010, 10:14 PM
Xencored Xencored is offline
 
Join Date: Sep 2008
Location: UK, Scuny
Posts: 1,337
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Fixed!

had to add
Code:
clear:both
to
.editor_textbox_container

Thanks
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 09:02 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.05375 seconds
  • Memory Usage 2,380KB
  • 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