vb.org Archive

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)

cloferba 03-05-2010 01:18 PM

i have smiles that are a bit bigger than default ones...

and they are "cutted" because they are big...is there a fix to solve this?

Leo Brazil 03-05-2010 06:16 PM

Quote:

Originally Posted by cloferba (Post 1997773)
i have smiles that are a bit bigger than default ones...

and they are "cutted" because they are big...is there a fix to solve this?

It's my thing too. I know this is not related to her mod, but you know, as Lynne is great in giving us some tips may be she can do it again....lol...

Lynne 03-05-2010 08:36 PM

Did you guys edit the css as I posted in the first post - step 3?

arco 03-08-2010 12:36 PM

This mod seems to conflict with the following two mods:

https://vborg.vbsupport.ru/showthread.php?t=180330
https://vborg.vbsupport.ru/showthread.php?t=232730

Ie they stop working when it's installed.

cloferba 03-11-2010 02:43 AM

ready! thanks lynne :)

Leo Brazil 03-12-2010 06:44 PM

Quote:

Originally Posted by Lynne (Post 1998029)
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. :up:

Quote:

Originally Posted by arco (Post 1999796)
This mod seems to conflict with the following two mods:
https://vborg.vbsupport.ru/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.

quangnhut 03-18-2010 02:31 AM

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

w-elbalad.com 03-28-2010 01:03 PM

not work with maroc Quick Reply mod :(
and my smiles is big
what i can do ?

nstlx 04-11-2010 10:56 AM

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.

Code:

if (in_array(THIS_SCRIPT, array('newthread', 'blog_post', 'group', 'private', 'newreply', 'editpost')))
for future releases...;)

nstlx

COL NIL SATIS 04-24-2010 06:46 PM

does this work on 4.0.3????

synseal 04-24-2010 07:02 PM

Quote:

Originally Posted by COL NIL SATIS (Post 2026652)
does this work on 4.0.3????

Works ok for me on 4.0.3

Mastergumble 04-24-2010 10:33 PM

Working here :)

Footman 04-29-2010 04:05 PM

1 Attachment(s)
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?

Lynne 04-30-2010 02:26 AM

Quote:

Originally Posted by Footman (Post 2029080)
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.

Quote:

Originally Posted by Footman (Post 2029080)
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.

Footman 04-30-2010 12:46 PM

1 Attachment(s)
Quote:

Originally Posted by Lynne (Post 2029347)
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.

Code:

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

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.

Quote:

Originally Posted by Lynne (Post 2029347)
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.

BozzaJos 05-05-2010 09:37 AM

Quote:

Originally Posted by Mastergumble (Post 1991319)
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.

Quote:

Originally Posted by Lynne (Post 1991663)
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!

Mastergumble 05-05-2010 09:51 AM

Give me a second :)

Mastergumble 05-05-2010 09:54 AM

Here it goes, hope it work as you want :)

Mastergumble 05-05-2010 10:26 AM

Quote:

Originally Posted by Mastergumble (Post 2032037)
Here it goes, hope it work as you want :)

For mistake the first uploaded was the incorrect one, its fixed now.

Lynne 05-05-2010 01:46 PM

I updated the first post with the addition of 'vbcms' and 'editpost'.

Xencored 05-06-2010 12:52 PM

Hey thanks lynne but i dont seem to have this option after importing

2. Go to Settings > Options > Message Posting Interface Options > Put smilie box below textarea > Yes

4.0.3 patch level 1

Lynne 05-06-2010 01:48 PM

Quote:

Originally Posted by Animemike (Post 2032554)
Hey thanks lynne but i dont seem to have this option after importing

2. Go to Settings > Options > Message Posting Interface Options > Put smilie box below textarea > Yes

4.0.3 patch level 1

Make sure you are looking under the correct option cuz it's there right below Smilie Menu Total Smilies

Footman 05-06-2010 02:30 PM

Hi Lynne,

I've just noticed an alignment issue. The smilies are at the bottom of the quick reply box and the advance reply box. But they're still on the right side when using the "edit post."

-Curious as to why? Does it have something to do with the changes I made to editor2.css below?
-I've also found that the smilies are spaced a bit too far away from each other. I'm assuming that variable is in the changes below as well. Do you have an idea what I can change to display them side by side no matter their individual size?

Code:

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


Xencored 05-06-2010 05:59 PM

Quote:

Originally Posted by Lynne (Post 2032576)
Make sure you are looking under the correct option cuz it's there right below Smilie Menu Total Smilies

Lmfao now i feel a idiot sorry works great! thanks

Lynne 05-06-2010 07:33 PM

Quote:

Originally Posted by Footman (Post 2032616)
Hi Lynne,

I've just noticed an alignment issue. The smilies are at the bottom of the quick reply box and the advance reply box. But they're still on the right side when using the "edit post."

-Curious as to why? Does it have something to do with the changes I made to editor2.css below?
-I've also found that the smilies are spaced a bit too far away from each other. I'm assuming that variable is in the changes below as well. Do you have an idea what I can change to display them side by side no matter their individual size?

On my totally default style, the are centered on the editpost.php page just as they should be. You didn't modify the classes the way I outlined to do in my first post, so I would guess the math went in such a way that it is giving you the problem you are seeing.

Footman 05-06-2010 10:33 PM

Quote:

Originally Posted by Lynne (Post 2032753)
On my totally default style, the are centered on the editpost.php page just as they should be. You didn't modify the classes the way I outlined to do in my first post, so I would guess the math went in such a way that it is giving you the problem you are seeing.

I had to change some of the values as some of my smilies are bigger than the usual ones and only a portion of them were visible.

I guess I'll keep changing a little here and there till I come up with something that works.

Xencored 05-07-2010 02:18 PM

Quote:

Originally Posted by Lynne (Post 1926457)
You would have to increase the height (by 2, if for 2 rows) and decrease the width (by 2, if for 2 rows) for the ".editor_smiliebox ul.smiliebox" I've never tried that, but it should work.

HTML Code:

.editor_smiliebox ul.smiliebox {
height:{vb:math 2*{vb:math 21+2*2}}px;
margin:0 auto;
width:{vb:math 20+.5*{vb:raw vboptions.smtotal}*{vb:math 20+2*2}}px;
}


Hi lynne what bit did you change there to get more lines
Say i want 4 or 5 lines of smiles under the editor

Thanks

Edit ok i got it like this but its pushing the box to the right and cutting the bottom smilies in half

http://www.myanimeisland.com/smilies.png

Lynne 05-07-2010 10:20 PM

Code:

.editor_smiliebox {
height:{vb:math 5*{vb:math 21+2*2}}px;
}
.editor_smiliebox ul.smiliebox {
height:{vb:math 5*{vb:math 21+2*2}}px;
width:{vb:math 20+.2*{vb:raw vboptions.smtotal}*{vb:math 20+2*2}}px;
}


Xencored 05-07-2010 10:43 PM

Quote:

Originally Posted by Lynne (Post 2033444)
Code:

.editor_smiliebox {
height:{vb:math 5*{vb:math 21+2*2}}px;
}
.editor_smiliebox ul.smiliebox {
height:{vb:math 5*{vb:math 21+2*2}}px;
width:{vb:math 20+.2*{vb:raw vboptions.smtotal}*{vb:math 20+2*2}}px;
}


Thanks working :)

Footman 05-12-2010 02:56 PM

Quote:

Originally Posted by Lynne (Post 2032753)
On my totally default style, the are centered on the editpost.php page just as they should be. You didn't modify the classes the way I outlined to do in my first post, so I would guess the math went in such a way that it is giving you the problem you are seeing.

The newest version fixed the alignment issue I had in the 'edit post' page. I've changed the editor2.css to more closely match your description. My only difference is I use 50 instead of 21 since when I use 21 some of my larger smilies get cut off.

New issue... 2 centered lines of 4 smilies per line in all post boxes which is good, BUT in the options settings I have 20 set as the total smilies to show in box before the 'more' link and 10 per line. That's not happening :(

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


BadgerDog 05-12-2010 03:55 PM

1 Attachment(s)
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

Footman 05-12-2010 04:37 PM

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

BadgerDog 05-12-2010 04:51 PM

Quote:

Originally Posted by Footman (Post 2035859)
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

Thank you ... :up:

Will look at that ... :)

Regards,
Badger

Lynne 05-12-2010 10:39 PM

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.

Footman 05-13-2010 01:32 AM

1 Attachment(s)
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.

Lynne 05-13-2010 04:31 AM

Quote:

Originally Posted by Footman (Post 2036074)
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.

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

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

Footman 05-13-2010 01:07 PM

Quote:

Originally Posted by Lynne (Post 2036121)
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).

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.

Lynne 05-13-2010 01:48 PM

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?

Footman 05-13-2010 02:51 PM

1 Attachment(s)
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.

ShackMaster 05-13-2010 04:20 PM

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!


All times are GMT. The time now is 01:08 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.02338 seconds
  • Memory Usage 1,872KB
  • 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
  • (8)bbcode_code_printable
  • (1)bbcode_html_printable
  • (27)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (40)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