Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
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)
Mod Version: 1.4, by Lynne (Coder/Designer) Lynne is offline
Developer Last Online: Feb 2021 I like it Show Printable Version Email this Page

vB Version: 4.0.8 Rating: (26 votes - 4.73 average) Installs: 278
Released: 06 Dec 2009 Last Update: 21 Nov 2010 Downloads: 1452
Not Supported Uses Plugins Template Edits Auto-Template  

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.

Attachment 107256

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:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


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

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Add directly below there:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


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:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


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

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	lynne_smilies_below.png
Views:	4367
Size:	34.0 KB
ID:	107256  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Find, Optionally Email and Optionally Delete Inactive Members amykhar vBulletin 2.x Beta Releases 94 23 Apr 2008 03:15

  #166  
Old 12 Mar 2010, 20:44
Leo Brazil's Avatar
Leo Brazil Leo Brazil is offline
 
Join Date: Dec 2007
Originally Posted by Lynne View Post
Did you guys edit the css as I posted in the first post - step 3?
Ops, what a dumb I am....thanks Lynne, it did the job.

Originally Posted by arco View Post
This mod seems to conflict with the following two mods:
http://www.vbulletin.org/forum/showthread.php?t=232730

Ie they stop working when it's installed.
I was thinking about installing this one and was wondering exactly the same, if it would cause a confict somehow.
Reply With Quote
  #167  
Old 18 Mar 2010, 04:31
quangnhut quangnhut is offline
 
Join Date: Jun 2008
Here i post completely custom this mod thannks to Lynne for this mod

If you want your smilies will show as 4 rows and fit with your compose textbox please do follow me :
ACP > Options > Message Posting Interface Options > Edit Smiliebox Total Smilies = 52
Edit StyleVars > editor_smiliebox_smiliesize > Size = 50
And then open the template editor.css and find each of these lines : ".editor_smiliebox ul.smiliebox li" and replace some things as quote :
.editor_smiliebox ul.smiliebox li {
float:{vb:stylevar left};
height:50px;
width:50px;
margin:2px;
overflow:hidden;
position:relative;
text-align:center;
}
Now continue edit with editor2.css as quote :
.editor_smiliebox {
clear:both;
height:{vb:math 4*{vb:math 50+2*2}}px;
position: relative;
float:left;
width: 100%;
}
.editor_smiliebox ul.smiliebox {
height:{vb:math 4*{vb:math 50+2*2}}px;
margin:0 auto;
width:{vb:math 20+.2.5*{vb:raw vboptions.smtotal}*{vb:math 50+2*2}}px;
}
Done all problems has been fixed completely !
Reply With Quote
  #168  
Old 28 Mar 2010, 15:03
w-elbalad.com's Avatar
w-elbalad.com w-elbalad.com is offline
 
Join Date: Aug 2009
Real name: Mr ~ vAnDa
not work with maroc Quick Reply mod
and my smiles is big
what i can do ?
__________________
Reply With Quote
  #169  
Old 11 Apr 2010, 12:56
nstlx nstlx is offline
 
Join Date: Jan 2009
Hello,
Excellent mod, we have it installed for some time now, and noticed yesterday that in
edit post advanced mode the smiles were not working...
Adding editpost to the array solved the problem.


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

for future releases...

nstlx
Reply With Quote
  #170  
Old 24 Apr 2010, 20:46
COL NIL SATIS COL NIL SATIS is offline
 
Join Date: Aug 2009
Real name: Col
does this work on 4.0.3????
Reply With Quote
  #171  
Old 24 Apr 2010, 21:02
synseal's Avatar
synseal synseal is offline
 
Join Date: Apr 2009
Real name: Ben Dover.
Thumbs up

Originally Posted by COL NIL SATIS View Post
does this work on 4.0.3????
Works ok for me on 4.0.3
Reply With Quote
  #172  
Old 25 Apr 2010, 00:33
Mastergumble Mastergumble is offline
 
Join Date: Sep 2008
Working here
Reply With Quote
  #173  
Old 29 Apr 2010, 18:05
Footman Footman is offline
 
Join Date: Mar 2010
I've SORT OF got it working and wondering if someone can help me fix a couple of issues, or at least tell where I messed up.

In the quick reply box the smilies and the [more] link are partially below the text box as seen in the attachment. Any idea why and how to fix it?

Also it seems the smilies chosen for display rotate with each refresh. Am I wrong or shoud/could they be set to display certain smilies all the time?
Attached Images
File Type: png Picture 4.png (12.1 KB, 8 views)
Reply With Quote
  #174  
Old 30 Apr 2010, 04:26
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Real name: Lynne
Originally Posted by Footman View Post
In the quick reply box the smilies and the [more] link are partially below the text box as seen in the attachment. Any idea why and how to fix it?
Sorry, but it's near impossible to figure out css from an image. Take a look at the page in a default style, then in your style. Use something like firebug, for firefox, to compare the css for for that area in each style and see what the difference is.

Originally Posted by Footman View Post
Also it seems the smilies chosen for display rotate with each refresh. Am I wrong or shoud/could they be set to display certain smilies all the time?
In your smilie manager you may set the order of the smilies.
__________________
Former vBulletin.org Staff Member

Try a search before posting for help. Many users won't, and don't, help if the question has been answered several times before.
W3Schools -
Online vBulletin Manual
If I post some CSS and don't say where it goes, put it in the additional.css template.
I will NOT help via PM (you will be directed to post in the forums for help.)
Reply With Quote
  #175  
Old 30 Apr 2010, 14:46
Footman Footman is offline
 
Join Date: Mar 2010
Originally Posted by Lynne View Post
Sorry, but it's near impossible to figure out css from an image. Take a look at the page in a default style, then in your style. Use something like firebug, for firefox, to compare the css for for that area in each style and see what the difference is.
Thanks Lynne, I figured it would be after I posted it. So I went in and started changing the values here and there to see what would happen. I seem to have gotten it to look fairly presentable with the following changes to editor2.css.


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Although the smilies are too spaced out for my taste. I'd like to display them side by side with only a small space between them. I'm assuming the changes I made changed the size of the area the smilies display in and didn't move the smilies per se. I wish I had more of an understanding of what part of the code does what though.

Originally Posted by Lynne View Post
In your smilie manager you may set the order of the smilies.
Thanks for that. I'm still a little confused about the "order" numbers I see in certain parts of the admin. Not really sure what they refer to. I'll play with these numbers and see what happens.
Attached Images
File Type: png Picture 4.png (9.5 KB, 3 views)
Reply With Quote
  #176  
Old 05 May 2010, 11:37
BozzaJos BozzaJos is offline
 
Join Date: Feb 2006
Originally Posted by Mastergumble View Post
Nice, Lynne is any way to make the same for CMS Comments?

I was trying to find what to add but currently stuck with it.
Originally Posted by Lynne View Post
Just add 'vbcms' to the array.
Dear Lynne,

Thank you for creating such a quality mod!
I do have the same question as Mastergumble, about the CMS Comments. Unfortunately, I don't really understand your solution. Could you please explain it a bit more detailed?

Thanks!
Reply With Quote
  #177  
Old 05 May 2010, 11:51
Mastergumble Mastergumble is offline
 
Join Date: Sep 2008
Give me a second
Reply With Quote
  #178  
Old 05 May 2010, 11:54
Mastergumble Mastergumble is offline
 
Join Date: Sep 2008
Here it goes, hope it work as you want

Last edited by Lynne; 05 May 2010 at 15:45. Reason: (removed since I just updated the first post)
Reply With Quote
  #179  
Old 05 May 2010, 12:26
Mastergumble Mastergumble is offline
 
Join Date: Sep 2008
Originally Posted by Mastergumble View Post
Here it goes, hope it work as you want
For mistake the first uploaded was the incorrect one, its fixed now.
Reply With Quote
  #180  
Old 05 May 2010, 15:46
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Real name: Lynne
I updated the first post with the addition of 'vbcms' and 'editpost'.
__________________
Former vBulletin.org Staff Member

Try a search before posting for help. Many users won't, and don't, help if the question has been answered several times before.
W3Schools -
Online vBulletin Manual
If I post some CSS and don't say where it goes, put it in the additional.css template.
I will NOT help via PM (you will be directed to post in the forums for help.)
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

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


New To Site? Need Help?

All times are GMT. The time now is 18:41.

Layout Options | Width: Wide Color: