vb.org Archive - New Posting Features - Move smilies to below text area (and optionally add to Quick Reply)

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=245)

- - New Posting Features - Move smilies to below text area (and optionally add to Quick Reply) (https://vborg.vbsupport.ru/showthread.php?t=229650)

Installed ... thank you Lynne .. :)

Can anyone give me some idea as to where to look to fix the problem shown in the attached pic?

Thanks ..

Regards,
Badger

Quote:

Originally Posted by BadgerDog (Post 2035830)

Installed ... thank you Lynne .. :)

Can anyone give me some idea as to where to look to fix the problem shown in the attached pic?

Thanks ..

Regards,
Badger

What's written in your editor2.css file? That's where the line up can change.

A simple fix is to change the number of smilies that are shown before adding the "more" link to a smaller number. That's in the ACP > Options > Message Posting Interface Options

Quote:

Originally Posted by Footman (Post 2035859)

Thank you ... :up:

Will look at that ... :)

Regards,
Badger

Quote:

Originally Posted by Footman (Post 2035796)

I'm guessing all my issues might be due the style I'm using. My editor.css file for .editor_smiliebox ul.smiliebox li looks like this. There's only one value to change for both width and height in the stylevar. In your example I can change each one in the editor.css. Should I just change that whole section away from stylevars and to those settings?

You should not be editing your editor.css file at all. You are only supposed to look at it and get the values in there.

Quote:

Originally Posted by Lynne (Post 2036020)

You should not be editing your editor.css file at all. You are only supposed to look at it and get the values in there.

I didn't edit it. I was just showing you that your example is different from mine. Mine shows stylevars and no dimensions. I was wondering why if my if ACP settings say Smiliebox Total Smilies=20 and Smiliebox Smilies Per Row=10, does it not show up that way.

Here's my editor2.css...

Code:

@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 2*{vb:math 21+2*2}}px;

margin:0 auto;

width:{vb:math 20+.2*{vb:raw vboptions.smtotal}*{vb:math 21+2*2}}px;

}

.editor_textbox_smilie {

margin-right:0;

}

At the moment this is the way my smilies appear, even with the settings in the options saying different.

Quote:

Originally Posted by Footman (Post 2036074)

If you look at the actual CSS sent to the browser, it doesn't have stylevars. But, you can get the values you need by looking up what you have your stylevar set to - so the height and width in editor.css are actually the stylevar "
editor_smiliebox_smiliesize" now (that stylevar wasn't around when I wrote this).

If you want two rows, you need to edit the editor2.css template to tell it you want two rows. The options for rows will not work in here - you need to manually edit it as others have posted how they have done so in here (I know CSS has been posted for at least 2 rows and 5 rows so far, and I think 3 rows also).

Quote:

Originally Posted by Lynne (Post 2036121)

Yep, I figured that you wrote this before they changed the stylevars and I understand how that fits in. I also found the other post with someone asking how to make 5 rows and your reply here:

https://vborg.vbsupport.ru/showpost....&postcount=188

I did the same thing in my editor2.css except I changed the "5" value to "2". So I do have 2 lines but only 4 smilies per line.

https://vborg.vbsupport.ru/showpost....&postcount=195

I suppose I'm just trying to figure out what each part of the code in each section changes. What changes the entire smilie box, what changes the size of the smilies, what changes the number of smilies in the box etc.

If you disable this mod, do you get 20 smilies? Or only 8? And are the other smilies in the source code but just not shown?

Quote:

Originally Posted by Lynne (Post 2036366)

If you disable this mod, do you get 20 smilies? Or only 8? And are the other smilies in the source code but just not shown?

I hadn't tried that so I just went in and disabled it. Now there's nothing but a big empty space (not even a more smilie link) in the quick reply box, which I suppose isn't totally unexpected. The advance editor and the edit post editor box show 2 rows of 10 smilies, as in the option settings BUT on the side and not the bottom, which effectively makes the text box rather small and pushed to the left.... again I assume that's not totally unexpected either.

After some playing around with the values I came up with a livable fix though. I set the stylvar value for width and height to 50. Then I made the following changes to my editor2.css.

Code:

@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 1*{vb:math 40+2*2}}px;

margin:0 auto;

width:{vb:math 20+.3*{vb:raw vboptions.smtotal}*{vb:math 21+2*50}}px;

}

.editor_textbox_smilie {

margin-right:0;

}

This has given me a single row of smilies at the bottom of all editors and it fits within the 'advance editor' and the 'edit post' editor fine as seen in the attachments. Of course my quick editor box is a fluid full screen so there's a lot of space around the smilies which is fine.

I think I'm getting an understanding on what part of the code effects what part of the display a little more now. I changed something and all of a sudden the smilies were tiny, then another time they were cut in half vertically. Now I can't say for sure what's what now but it's working better now. I know I don't have the two rows of 10, but that was more of a curiosity as to why it wasn't working when I thought I set it all correctly to display it as such.

I thought initially the settings would be relative to the dimensions of the editor box, but I lost that idea when I saw the smilies run off outside the box margins.

Wow... this is unbelievable. I just upgraded to vB4, which was a nightmare in itself. Now the very first mod I want to do, which seems like it would be so very simple has taken two hours of my time and I still have nothing to show for it.

Lynne... I do not mean to come off sounding like I am dissing your mod here, but I simply cannot figure it out. Information is very disorganized and scattered all about the thread. Your instructions are extremely confusing.

I am now understanding the very reason I did not upgrade to vB4 already. It is literally a mess. It is an act of congress to make what should be a minor modification.

Enough whining...

Can anyone help me with the proper edits to get my smilies at the proper "original" size without them being cut off or shrunk down... and have about 25 smilies each on 4 lines... AND it not cause my message posting window to move to the right of the editor box on the Go Advanced page?

I would truly appreciate the help. Thanks!

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (7)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (2)pagenav_pagelinkrel (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.06242 seconds Memory Usage 1,757KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (7)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (2)pagenav_pagelinkrel (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: