Move smilies to below text area (and optionally add to Quick Reply)

[Lynne]

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.

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:
<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):
</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):
</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:
<div class="blockrow">
{vb:raw messagearea}
</div>
Add directly below there:
<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:
$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.

[Lynne]

Reserved for future use.

[fourat]

Nice mod thank you Lynne

[Bounce]

Lynne!!! You are a star, TY!

Off to install now :) :up:

[Bounce]

Any way of having more than 1 row?

:erm:

[Lynne]

Any way of having more than 1 row?

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

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

[TalkTemplate]

Looks awsome! Thanks!

[Bounce]

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.

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


Thanks, looks way better now, now to figure out how to make the smilies bigger, seems not to show the correct size but that's nothing to do with your add-on :)

[Dr.osamA]

insalled

thanxx man !
________
SHEMALE FETISH (http://www.++++tube.com/categories/961/fetish/videos/1)

[AzzidReign]

This should be vb default :(

[Delilahs]

Lynne, whe someone hit's 'reply with quote'

It doesn't show the 'reply' icons after the text box, so there is no way you can then reply to the post.

look at your attachment, the icons to reply don't show in there either.

[Lynne]

Lynne, whe someone hit's 'reply with quote'

It doesn't show the 'reply' icons after the text box, so there is no way you can then reply to the post.

look at your attachment, the icons to reply don't show in there either.
Yes it does, I just didn't make the screen capture go down that far.

107364

[Delilahs]

ok, so it doesn't work for me then.

any ideas Lynne?

[Lynne]

All this does is add a css file to the page. Are your editor buttons there when this is off? And if this is on, can you see the editor buttons in your page source?

[Delilahs]

Lynne, ignore that, I didn't read the instructions correctly and put the extra line in the wrong place.

My mistake, and now working fine.

thanks ;)

[Lynne]

Hehe. Glad you got it worked out. :)

[Leo Brazil]

Lynne, you're awesome !!

[nomoreturn]

installed very nice mod but have one problem not sure its problem or what in my installation its shows above the txt area not in below pic attached and its in default style

[Lynne]

installed very nice mod but have one problem not sure its problem or what in my installation its shows above the txt area not in below pic attached and its in default style
As I said in the release notes, it will not work in beta 4.

[milsirhc]

Tested on GOLD. Worked well!

Thanks Lynne!

[Vaupell]

Error : XML empty line 1
-------------------------------

Opened the xml and line 1 was empty as if enter was pressed.
deleted line, saved, and installed..

Thank you.. :D

[milsirhc]

How do we make the smilies bigger?

[Lynne]

How do we make the smilies bigger?
They are currently defined in .editor_smiliebox ul.smiliebox li which I quoted in the first post of this thread. You can go change them there but then you will need to change all the variables in this mod based on what you change them to (as I outlined in my instructions).

[Socloves]

http://img39.imageshack.us/img39/7308/44674222.jpg

Help me add 15 Smilies :(. Thanks !

[Lynne]

You need to add the smilies yourself in your Smilie Manager. If you need help with that, you need to post over on vb.com.

[Whiteyez]

Is this working for VB4 gold?

Thanks.

[Lynne]

Yes, it works just fine in vB4 Gold.

[Bouncer222]

K i have latest vb 4.0 gold suite and for some reason it shows up as text, the smilies and not as the actual images. Here is a thread you can check out: http://www.brotherhoodofgamers.com/showthread.php?129-New-app-scrappy

any idea how to fix this?

[Lynne]

That is a problem with your smilies, not this modification. Uninstall this mod and fix your smilies issue first before installing this mod.

[Bouncer222]

Thats strange my smilies do work, but for some reason they are the older 3.8 version smilies, and I also have another issue, when you click advance reply such as here... http://www.brotherhoodofgamers.com/newreply.php?do=postreply&t=110

it shows you the smilies under the text box without the images as well as the old 3.8 smilies, any idea how to fix this?

And I believe that when you type in the quick reply for example :) as a smile, it shows the image after you submit the post, it shows it as the NEW smilie types, not the old ones.

Could you please help me fix it?

[Lynne]

You will have to uninstall this mod and get the smilie issue fixed first. This is not a problem with this mod since this mod is only CSS. You should go post on vb.com for help with your smilie issue.

[I.am]

Smilies in quick reply for vb 4 gold?

[abbasbsp]

Smilies in quick reply for vb 4 gold?
you can see this link https://vborg.vbsupport.ru/showthread.php?t=231212

[Lynne]

Smilies in quick reply for vb 4 gold?
There are directions in the first post on how to add smilies to your quick reply.

[bongwater]

Thanks for the mod. Is it possible for the smilies to be in multiple rows, instead of a single row? We have a lot of smilies in use, and most of them are not visible .

[Lynne]

Thanks for the mod. Is it possible for the smilies to be in multiple rows, instead of a single row? We have a lot of smilies in use, and most of them are not visible .
I already answered that question here - https://vborg.vbsupport.ru/showpost.php?p=1926457&postcount=6

[movslow]

There are directions in the first post on how to add smilies to your quick reply.

I have 2 categories of smilies.

Standard, meaning thats what is shown once you go advanced to the right of the text box.

If you click more you get the rest of the smiles, those are the ones showing up under the txt box now.

Would it be possible to have the regular (more often used) smilies to be posted under the quick reply box, w/o having them below the go advanced page txt box?

Thanks

[Lynne]

The smilies that show up on that page should be the ones that are listed first in your smilie manager - the first smilies in the first category. If you want other smilies, then you need to order them differently.

[compact123]

this is great a mod, i like it for quick reaply =)

[carleboy]

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.

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

Thanks, looks way better now, now to figure out how to make the smilies bigger, seems not to show the correct size but that's nothing to do with your add-on :)

Could you please give more detail on making more rows please as iv managed to get the smilies to show under without them being cut in half so i can see the full smilie now i just want more rows and iv tried to change numbers by 2 up and 2 down but i just cant get it right i dont understand what numbers to actualy change, just some spercifics would be good please.

Thanks.

[Front Range 4x4]

*installed* Thank you Lynn!

[Lynne]

Could you please give more detail on making more rows please as iv managed to get the smilies to show under without them being cut in half so i can see the full smilie now i just want more rows and iv tried to change numbers by 2 up and 2 down but i just cant get it right i dont understand what numbers to actualy change, just some spercifics would be good please.

Thanks.Post exactly what you have done, an image of what it did, and we can see what is wrong. A link to see this may also be helpful.

[carleboy]

Post exactly what you have done, an image of what it did, and we can see what is wrong. A link to see this may also be helpful.


I tryed changing the 2 to 4 and 2 to 0 as your post suggested but it done nothing i was just hoping you could explain what one of the numbers to add 2 on too and what one to take it way from, My forum is closed at the moment while i put it all together so cant show you directly at the moment but an explination of what numbers to change to add rows of smilies would really help.

Thanks.

[Lynne]

I guess I don't understand because I posted the code where I already changed it for the original user. You just want what I changed highlighted?

original code in the mod:
.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;
}

code I posted in post 6 to create 2 rows of smilies:
.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;
}

Code in red is what I changed.

[cloferba]

smiles on quick reply box doesnt show

[Lynne]

smiles on quick reply box doesnt show

You must turn it on in the options. You also need to make sure you don't have formatting controls turned off or disabled for your quick reply (you must be using either the wysiwyg editor or the standard editor).

[cloferba]

You must turn it on in the options. You also need to make sure you don't have formatting controls turned off or disabled for your quick reply (you must be using either the wysiwyg editor or the standard editor).

i have both options turn on and i have configure to use both editors...standard and wysiwyg

[Lynne]

i have both options turn on and i have configure to use both editors...standard and wysiwyg
And did you do the template edit on the style you are using? (And did you test it on a totally default style also?)

[pinoquio46]

Hello,

It can be used in PM text area editor also?
What changes are necessary to make?

Thanks

[Lynne]

Hello,

It can be used in PM text area editor also?
What changes are necessary to make?

Thanks
I do not know as I didn't look into that.

[Bouncer222]

I still can't get this to work properly, I fixed the issue with my files not matching up to vb 4.0 version but the smilies still show up as text, could someone please help me?

you can check out any thread at www.brotherhoodofgamers.com

[pinoquio46]

I do not know as I didn't look into that.

If you go work on that, i think the post edition deservs the same... :)

[pinoquio46]

I still can't get this to work properly, I fixed the issue with my files not matching up to vb 4.0 version but the smilies still show up as text, could someone please help me?

you can check out any thread at www.brotherhoodofgamers.com

See the paht off your smilies images/smilies/smilie.gif, must be that way.

[carleboy]

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.

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

sorry still cant work it out :( ill just uninstall it

Thanks anyway. Hope you can make it simpler like it used to be here https://vborg.vbsupport.ru/showthread.php?t=178327

[Lynne]

If you go work on that, i think the post edition deservs the same... :)
See if this does what you want:

Find the plugin "move smilies below textarea" and find this line:
if (in_array(THIS_SCRIPT, array('newthread', 'blog_post','group')))Change it to:
if (in_array(THIS_SCRIPT, array('newthread', 'blog_post','group','private')))Save.

That will move the smilies to the bottom of the private message page. This only works for the Send new PM page where the smilies are already shown.

[Bouncer222]

See the paht off your smilies images/smilies/smilie.gif, must be that way.

It is that way but it just won't show up, and if you type : ) for example (without the space) in the text box and submit your reply, it will show up, so that means the path is right.

But under the reply box it wont show up with the images, why?

[pinoquio46]

See if this does what you want:

Find the plugin "move smilies below textarea" and find this line:
if (in_array(THIS_SCRIPT, array('newthread', 'blog_post','group')))Change it to:
if (in_array(THIS_SCRIPT, array('newthread', 'blog_post','group','private')))Save.

That will move the smilies to the bottom of the private message page. This only works for the Send new PM page where the smilies are already shown.

It works in both, new PM and reply to PM :D

I try to include 'editpost' in the array, but the smilies go to right side of thr page... :confused:

Thanks for your reply :up:

[ForYou]

i don't know why the smilies look small and now show all ,

look at attach

Regards

[Lynne]

i don't know why the smilies look small and now show all ,

look at attach

Regards
You should get the smilies how you want them to look on the side first, and then transfer those css numbers to the modification. vb4 sets the widths for those in the css now, so you need to adjust the css to get them looking how you want.

[kho91]

thank's Lynne, but i have a problem, the smilies are small !

thank's

[ForYou]

Hello Lynne , please tell me step by step how can i do that please ,

i don't know how can i solve it , please try to help

[ForYou]

is there awy to 3 colums not just one row ,

[CoronasRGood]

Everything works great, only problem for me is the quick navigation section gets pushed down into a shaded area after I put the code in. anyway to stop this from happening?

[Lynne]

thank's Lynne, but i have a problem, the smilies are small !

thank's
You will have to ask over on vb.com how to make your smilies larger. This mod does nothing to the size of them, it just moves them below the box.

is there awy to 3 colums not just one row ,
I posted the code for having two rows and stated what to do. Just adjust it for 3 rows - multiply one by 3 and divide the other by 3 - I even highlighted the code in red for what to change in another post where someone was asking about this.
Everything works great, only problem for me is the quick navigation section gets pushed down into a shaded area after I put the code in. anyway to stop this from happening?
I'm not sure what you mean. Do you have a link where I can see this? Was your page fine before you turned on this mod?

[CoronasRGood]

Before Code: 108741

After Code: 108742

[ForYou]

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.

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

Where i need to change this to be work , i was try but it dosen't work ,

please let me know where exactly put above code ,

[Lynne]

Where i need to change this to be work , i was try but it dosen't work ,

please let me know where exactly put above code ,
See this post. I highlighted what you need to change. In your case, you want to change 2 to 3 and .5 to .33.

original code in the mod:
.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;
}code I posted in post 6 to create 2 rows of smilies:
.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;
}Code in red is what I changed.


Before Code: 108741

After Code: 108742
What page is that on? It looks like the ajax edit in the post, but this mod shouldn't be doing anything to that.

[CoronasRGood]

This only occurs when you are on the page when you are actually viewing a post.

[Lynne]

Huh? On a showthread page? Can I have a link?

[CoronasRGood]

Sorry, yes on the showthread page. http://rinconforums.com/showthread.php?8-Welcome

[Lynne]

Sorry, yes on the showthread page. http://rinconforums.com/showthread.php?8-Welcome
Do you have a test account I can log in with because I can't see the problem as a guest.

And actually, looking at this image again: Attachment 108742 (https://vborg.vbsupport.ru/attachment.php?attachmentid=108742) I don't see how that is happening.... did you move the Post Quick Reply and Go Advanced buttons to the top of the Quick Reply? Also, does it happen for regular users since a regular user is not going to see the Moderation Tools? I am not getting anything like this on a default vbulletin style on my test site. If it is your style, then I don't know that I will be able to figure it out since it will most likely be a css thing and I can't trace your css changes down.

[CoronasRGood]

I think I found it, vbulletin settings, Message Posting and Editing Options, you must have "Yes, Click not required" selected for quick reply.

[movslow]

Instead of going through all that work to put the smilies below the quick reply box, what would it take to put the Smily icon itself that is there when you click Go Advanced ? It's to the right of the icon for the text color. I think that would look more cleaner and keep the simplicity of quick reply.

Just a thought.
Thanks

[leodestroy]

Great mod tnx. Install

[Lynne]

Instead of going through all that work to put the smilies below the quick reply box, what would it take to put the Smily icon itself that is there when you click Go Advanced ? It's to the right of the icon for the text color. I think that would look more cleaner and keep the simplicity of quick reply.

Just a thought.
Thanks
I actually didn't intend to have this mod put the smilies below Quick Reply. I only wanted to move them to underneath the text box on pages where they were already on the side. Then I realized it was easy to just put them in QR also.

[s0lidgr0und]

Thanks, Lynne. You always do such a nice job on your mods.

[garretbyrne]

Hi Lynne thank you for the mod.. It has moved the smiles down below the text area but in regards to rows no matter what I do it stays as one row... I've attached an image of what I'm talking about.. and have also added the code I've used in editor.css

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

Any help you can provide is welcomed.. Thanks

[s0lidgr0und]

The code you have to edit for rows is in editor2.css.

[garretbyrne]

O, lol Very sorry..

Cheers thats worked for me

[Lynne]

The code you have to edit for rows is in editor2.css.
Good eye! I didn't spot that the first time I read his post. Thanks for seeing that and helping! :)

O, lol Very sorry..

Cheers thats worked for me
Why don't you post a picture? Then I can add to the first post here and show users what it looks like.

[movslow]

I actually didn't intend to have this mod put the smilies below Quick Reply. I only wanted to move them to underneath the text box on pages where they were already on the side. Then I realized it was easy to just put them in QR also.

So are you saying this isn't an option, or you are unwilling to do it?

[Lynne]

So are you saying this isn't an option, or you are unwilling to do it?
It is not an option in this mod to have it in a little dropdown box. All I did was add a couple lines of css to move the box to below, I didn't want to write a bunch of code to change things.

[pinoquio46]

It works in both, new PM and reply to PM :D

I try to include 'editpost' in the array, but the smilies go to right side of thr page... :confused:

Thanks for your reply :up:

Hi, is possible aplly this mod also in the post edition.

*excuse my bad English

Thanks

[meissenation]

Thanks Lynne! Worked perfectly.

[SemperFideles]

Thanks for this mod. Is it possible to enable this only for the Quick Reply box?

[Lynne]

Thanks for this mod. Is it possible to enable this only for the Quick Reply box?
You would have to modify the plugin code to do so.




Just a heads up to everyone, when 4.0.1 comes out, this will get 'broken', but I will update it as soon as possible. If you want to fix it yourself, you need to modify the plugin "Add editor2.css to pages" and change both instances of "$vbulletin->templatecache['SHOWTHREAD']" to $vbulletin->templatecache['headinclude'] and the same for both instances of $vbulletin->templatecache['newreply'] . As I said, I'll update is after the official 4.0.1 gets released.

[COL NIL SATIS]

done!!! nice one Lynne..will resize them later but thats great..thanks for making this mod...appreciate it as always x

[dianna]

Awesome thanks!!

[Droptop]

Since upgrading to 4.0.1 my smilies are displaying on the side again, any idea? Thanks

[Switch3130]

Since upgrading to 4.0.1 my smilies are displaying on the side again, any idea? Thanks

Had the same problem.

[.Tim]

Same here.

[gyaronn]

same here

[Lynne]

Guys, read the thread, I already addressed that here:
Just a heads up to everyone, when 4.0.1 comes out, this will get 'broken', but I will update it as soon as possible. If you want to fix it yourself, you need to modify the plugin "Add editor2.css to pages" and change both instances of "$vbulletin->templatecache['SHOWTHREAD']" to $vbulletin->templatecache['headinclude'] and the same for both instances of $vbulletin->templatecache['newreply'] . As I said, I'll update is after the official 4.0.1 gets released.
When I get both my test sites upgraded, then I will update this mod. Until then, I had already posted the fix in the quote above.

[Lynne]

I've updated the mod to work with 4.0.1. I also changed it to move the smilies to the bottom for sending a new PM and for posting a New Discussion. Only install 1.1 if you are using 4.0.1. If you are still using 4.0, you should not upgrade the mod or it will not work for you.

[Vaupell]

Thank you for the update!

[OcR Envy]

Hmmn couldn't get this to work. The quick reply worked fine but the full reply the smilies remained to the right.

Ideas?

[Lynne]

Hmmn couldn't get this to work. The quick reply worked fine but the full reply the smilies remained to the right.

Ideas?
Did you install the latest version if you are running 4.0.1? Are you checking this on a totally default style?

[coberr]

Same here; the quick reply still shows the smilies to the right, after I upgrade the plugin from the old one. Iam using the default skin, 4.0.1

[Lynne]

You guys are both talking about different pages. I have tested this on showthread, newreply, groups (go advanced), and blogs (go advanced), and PMs (send new message) all on a brand new *default* vB4.0.1 installation and it shows on all those pages in the correct place. It also shows on all those pages in an old upgraded to 4.0.1 installation using the *default* style. I did have some problems with this on my custom style due to some changes I had made in my own css, but like I said, it worked fine on the default style. So, please test this on your default style. If you continue to have problems with it, post a test login to your site, tell me exactly what page you have the problems on and make sure I can select the default style to view the page in.

[OcR Envy]

Did you install the latest version if you are running 4.0.1? Are you checking this on a totally default style?


It's not a default style. Suggestions as to what to look for though?

[Lynne]

It's not a default style. Suggestions as to what to look for though?
Check the templates to make sure they are updated/reverted. My problem was my SHOWTHREAD template. However, yours won't be, so check the templates used on that page.

[TimberFloorAu]

Cannot get this to work.

:(

Have gone over all code changes 4 times lol

We installed FRESH on 4.0.1

Is this code correct or should it be modified ?

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

[TimberFloorAu]

This also didnt move Smilies to bottom of thread.

Have we got something amiss in posting and interface options. ?

[TimberFloorAu]

Ok got smilies to show, but ( we have editor.css and editor2.css correct ) the smileys look crap

[Lynne]

Ok got smilies to show, but ( we have editor.css and editor2.css correct ) the smileys look crap
Is that a totally default style? There were changes made in the order the css files were called between vB4 and vB4.0.1 and you must upgrade/revert your main templates to put the calls in the correct order of the style will not 'cascade' down correctly.

[TimberFloorAu]

Total Default Style.

Not sure what you mean by reverting templates. As the template is default. No customizations.
In fact each time we have upgraded we have manually reverted templates, and added any edits for customization.

Mind you, we dont have the availability of widgets within the cms, so am wondering if we do indeed have a faulty install.

[Lynne]

Total Default Style.

Not sure what you mean by reverting templates. As the template is default. No customizations.
In fact each time we have upgraded we have manually reverted templates, and added any edits for customization.

Mind you, we dont have the availability of widgets within the cms, so am wondering if we do indeed have a faulty install.
Do you have a test username/password I can use to logon to your forum and see what is going on? (And I assume you have a default style that is selectable also?)

[Stefanus]

There were changes made in the order the css files were called between vB4 and vB4.0.1 and you must upgrade/revert your main templates to put the calls in the correct order of the style will not 'cascade' down correctly.

Please explain this procedure.
Thanks

[Lynne]

Please explain this procedure.
Thanks
The procedure for upgrading your style? You should go through every template that you have modified > Edit > View History > Compare and see the differences between your template and the default vBS template. Then modify yours as needed to be upgraded or revert yours.

[ndut]

thanks.. installed..

but, how to make the smilies look bigger below text area??

thank you

[Lynne]

thanks.. installed..

but, how to make the smilies look bigger below text area??

thank you
There are no stylevars that cover that. I think it may be partially done in the class I mention in editor.css in step 3 of the installation instructions. You'll need to look through the editor.css template to find out exactly where it is controlled. I think I've seen it talked about over on vb.com also.

[TimberFloorAu]

Do you have a test username/password I can use to logon to your forum and see what is going on? (And I assume you have a default style that is selectable also?)

I have uninstalled.

Will reinstall over the weekend, and message you on Monday if that is ok.

Regards Ste

[BAJR]

Just a quick note to say... installed and you are a start Lynne

[forte]

Its also not moving it below and just stays to the right. I think the problem is because the CSS are stored as files.

[Lynne]

Its also not moving it below and just stays to the right. I think the problem is because the CSS are stored as files.
I think you are right (that option used to be 'broken' so I had never tested it). I'll have to figure out that best way to do this if you have your css stored as a file.

[forte]

I fixed mine by adding

<link rel="stylesheet" type="text/css" href="{vb:var vbcsspath}editor2.css" />

after

<link rel="stylesheet" type="text/css" href="{vb:var vbcsspath}main-rollup.css" />

at the headinclude template.

[Bounce]

Having awee bit trouble, where would I change the height (or whatever its called!!) between the bottom miley and the start of the post icons??

As per attachment>

[Lynne]

I can't say for certain from your image, but I would guess it is the height I talk about in the first post.

[starman?]

I just downloaded and installed the new version (allowing overwrites) and all is working perfectly again. Thanks Lynne.

[gyaronn]

lynne look what happens when i enable the mod there is huge spas between the smiles and the post button
https://vborg.vbsupport.ru/external/2010/01/21.png

[maxether]

my smilies goes on the right .......
Lynne ...... how can I change the options for not storing the css as files......

[Lynne]

I have updated this mod to work with css stored in the filesystem. However, please make note of this:
NOTE: You must do the following if running 4.0.1 since they forgot to add this to one of the templates: To to Styles & Templates > Style Manager > find your style > Edit USERCP_SHELL > find:
</head>
Add directly above it:
{vb:raw headinclude_bottom}
Save.

[COL NIL SATIS]

got them in 3 rows now...cheers Lynne...think vbull need to sort the smilies tho?? they were better on 3.8.4 ...hopefully they will sort the sizes out..some of mine are showing..some have red boxes...the codes fine..think its my end

[maxether]

Still got the same problem.........
should I have to uninstall and then instal the new version again?

[Lynne]

When you install the new product, you need to make sure to check the box that says "Allow Overwrite". Also, make sure you are checking to see if it works on the default style.

[maxether]

I did that......I checked the ''allow overwrite'' button......
I will try to uninstall then install again ......

[maxether]

uninstalled and installed again......
it looks just like same.... no change.....
lynne please can you help....

[Lynne]

I will need to see your site and you will have to have the default style selectable.

[TalkVirginia]

Where do I find editor.css?

[Lynne]

Where do I find editor.css?
It's one of the CSS Templates - so it's in the Edit Templates area.

[mmhmm]

thank you for this wonderful mod!

[ViciousCode]

It's one of the CSS Templates - so it's in the Edit Templates area.
anyway i can move the smilies below the buttons but above the textarea?

[TalkVirginia]

It's one of the CSS Templates - so it's in the Edit Templates area.

ok I found it. tried to change the values. It changed the area around the smilies but some of the smilies are normal size and some are very small. I saw in a previous post that I should revert all templates because something was fixed between 4.0.0 and 4.0.1. I'm running 4.0.1. I made a bunch of changes to my Master Templates thought. If I need to revert everything how do I do that?

Thanks

[Lynne]

anyway i can move the smilies below the buttons but above the textarea?
You would have to do a template edit, I believe. This mod is just a css change.

ok I found it. tried to change the values. It changed the area around the smilies but some of the smilies are normal size and some are very small. I saw in a previous post that I should revert all templates because something was fixed between 4.0.0 and 4.0.1. I'm running 4.0.1. I made a bunch of changes to my Master Templates thought. If I need to revert everything how do I do that?

Thanks
You select the template from the list and click on the Revert button on the right. If you think you may have changes in there that you will want later on, then make a copy of the template first.

[TalkVirginia]

You would have to do a template edit, I believe. This mod is just a css change.

You select the template from the list and click on the Revert button on the right. If you think you may have changes in there that you will want later on, then make a copy of the template first.

Wow there are a lot of templates. Do I have to go through and do them all one by one?

[Lynne]

Wow there are a lot of templates. Do I have to go through and do them all one by one?
Only templates you want to revert. And, I hope you didn't really mean that you are making changes to the MASTER STYLE. You should never be making changes to the master style.

[albrens]

Thanks.

[TalkVirginia]

Only templates you want to revert. And, I hope you didn't really mean that you are making changes to the MASTER STYLE. You should never be making changes to the master style.

yep. Master Style.. I was reading somewhere that if you wanted changes to cascade through all templates that you had to make them in there. I guess I misread. Anyway, I have no idea what to do now. The changes I made have nothing to do with the smilies, except the ones I made to the editor css templates.

[Lynne]

yep. Master Style.. I was reading somewhere that if you wanted changes to cascade through all templates that you had to make them in there. I guess I misread. Anyway, I have no idea what to do now. The changes I made have nothing to do with the smilies, except the ones I made to the editor css templates.
What you do is create a Parent Style and put all the styles for your site under that style. Then, you change the Parent Style templates and it will affect all the styles under it. Right now, since you have been changing your master style, you cannot revert to the default style. I'm not sure what you should do to get the default settings back if you need them. If you need to revert, you may want to post on vb.com and ask what you should do.

[mandingo]

What you do is create a Parent Style and put all the styles for your site under that style. Then, you change the Parent Style templates and it will affect all the styles under it. Right now, since you have been changing your master style, you cannot revert to the default style. I'm not sure what you should do to get the default settings back if you need them. If you need to revert, you may want to post on vb.com and ask what you should do.

Wow, I can't believe I never thought of that,and here's me editing each one of my styles one by one. ugh.

[Huy Ho?ng]

I want to cut into two rows, then how?
Help me!

[mikem164]

Nice job lynne, works beautifully. I have some animated smilies that you can't tell what they are because they are so small... Is there a way I can jack up smilies size in this area? Thank you!

[Lynne]

Nice job lynne, works beautifully. I have some animated smilies that you can't tell what they are because they are so small... Is there a way I can jack up smilies size in this area? Thank you!
This issue is actually in the bug tracker over on vb.com. You may want to do a search over there for it and see if anyone posted a fix until they fix it in some future release.

[Aclikyano]

how do i make the smileys show regular size? and how can i make it random each time?
please help lynne >>>>>> :)

[Lynne]

how do i make the smileys show regular size? and how can i make it random each time?
please help lynne >>>>>> :)
Sorry, but that is not anything to do with this mod. All this mod does is move the smilies from one place to another. If you need to change the size or make them random, then that is something else - another mod or other css to change.

[cindy helmond]

great but see pic (att) my smilies are small ?
thx

[Lynne]

That has nothing to do with this mod. If you uninstall this mod, they will be small on the side of your message textbox. You need to change the css for the smilies to change it. If you wait for 4.0.2, there will be a smilie stylevar to set the size.

[pjcnlv]

This was easy and fast to install under 4.0.2. and changes how the "New Post" editor works however a "Reply to Post" shows the smilies on the right of the text box.

[Lynne]

This was easy and fast to install under 4.0.2. and changes how the "New Post" editor works however a "Reply to Post" shows the smilies on the right of the text box.
I've tested it with both stylesheets as files and not, and it is working on my 4.0.2 test site. You'd need to tell me more about some possible settings you may have set up in order for me to figure out why it's not working. Also, please make sure you are testing this on a totally default style.

[forte]

Just found out that the editor2.css isnt being added when using the advanced form for editting posts.

[Mastergumble]

Same issue here on 4.0.2PL1

[coberr]

I have problem with the 4.0.2PL1 too.
The smilies are on the right side, with 4.0.2 works fine.

[synseal]

Same here, when you edit a post 4.0.2PL1 the smiles are on the right hand side, thanks.

[cloferba]

its ridiculus to update this mod every time vb launch a new version... u.u

[Lynne]

You can't break something that wasn't working that way in the first place - it never worked in the Advanced Edit page. If you want it to work there, then you need to add 'editpost' to the THIS_SCRIPT array of pages in the "Add editor2.css to pages" plugin.

[synseal]

You can't break something that wasn't working that way in the first place - it never worked in the Advanced Edit page. If you want it to work there, then you need to add 'editpost' to the THIS_SCRIPT array of pages in the "Add editor2.css to pages" plugin.

Thanks very much Lynne, done that and now working fine for the advance edit, maybe worth adding in the original mod?. :up:

[Mastergumble]

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.

[Lynne]

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.
Just add 'vbcms' to the array.

[Mastergumble]

Tkx once more Lynne

[EmAnh]

Dear Lyne,

I upgrade my forum from vB 4.0.1 to vB 4.0.2 ... I observed this in my forums .

In edit mode ( ie edit an old post) ... It shows like this (please see picture attached)

In reply (to post) , post (new thread) .. are ok ...

Would you give some guidance (how to fix this problem)

Regards,

EA

*** Edit: Problem fixed , my mistakes in setting smillies ....

[cloferba]

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]

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]

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

[arco]

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]

ready! thanks lynne :)

[Leo Brazil]

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:

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]

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 !

[w-elbalad.com]

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

[nstlx]

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.

if (in_array(THIS_SCRIPT, array('newthread', 'blog_post', 'group', 'private', 'newreply', 'editpost')))

for future releases...;)

nstlx

[COL NIL SATIS]

does this work on 4.0.3????

[synseal]

does this work on 4.0.3????

Works ok for me on 4.0.3

[Mastergumble]

Working here :)

[Footman]

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]

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.

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]

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.

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

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]

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.

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]

Give me a second :)

[Mastergumble]

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

[Mastergumble]

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

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

[Lynne]

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

[Xencored]

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]

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]

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?

@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]

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]

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]

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]

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.

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

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

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

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

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]

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]

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]

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]

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

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]

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.php?p=2033444&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.php?p=2036074&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]

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]

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

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!

[stator]

[Bug]
In quick reply
The advanced editor disappear and return to the normal editor interface.

[Edit]
I want to use this mod for quickreply only, How this can be done?

[Lynne]

- I have not noticed that bug at all. My editor stays in WYSIWYG mode.

- To only use it in Quick Reply, you'll have to modify the plugins and take out the options for it to work on other pages.

[Walter Ronny]

hi , how do i only can put smilies in quick reply? thx!

[Lynne]

hi , how do i only can put smilies in quick reply? thx!
I already answered the question:
- To only use it in Quick Reply, you'll have to modify the plugins and take out the options for it to work on other pages.

[Walter Ronny]

how? i have not much idea about php and so! :o

[Walter Ronny]

i did it , it's possible only to add this to quick reply and pm reply?

http://i45.tinypic.com/2hd4qqa.png

[ComoEstaEso-com]

Just installed... followed directions, and all is good.

Thanks Lynne!! :)

[Wilfred1]

Ok, this is what I created:

117701

To get this I did the following:
1. Settings -> Options -> Message Posting Interface Options ->
- Smiliebox Total Smilies = 60
2. Styles & Templates -> Style Manager ->Stylevar ->
- Smiliebox Max Avatar Display Size = 30 (px)
3. Replaced the template editor2.css with:
@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;
}and that is it to get the above screen shot.

You have to play around with the numbers to get it right for the number of smilies and rows that you want to display

Hope this helps!

[Lynne]

Thank you! It's very much appreciated when people share their modified css to get something a bit different for their site. :)

[Sunka]

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.


Lynne, any help for quoted above?
When I install your mod, and enable smilies below Quick Reply than this 2 quoted mods stop working.

[Lynne]

Lynne, any help for quoted above?
When I install your mod, and enable smilies below Quick Reply than this 2 quoted mods stop working.
Sorry, but I don't know either of those mods at all and I don't have any time to look into them. Could be something as simple as a str_replace that is conflicting, but I don't know.

[ComoEstaEso-com]

Hope this helps!
DEFINITELY IT DOES! :D

Thank you! It's very much appreciated when people share their modified css to get something a bit different for their site. :)
+1
Thanks!

To me, CSS is magic I don't know about... yet it works beautifully.
w00t w00t! :)

117852

[SoltanWorld]

does it work on Vb4.0.2?

[Walter Ronny]

i did it , it's possible only to add this to quick reply and pm reply?

http://i45.tinypic.com/2hd4qqa.png

:confused:

[Lynne]

:confused:
I don't understand what you want. Your image is circling an item that has nothing to do with this modification. If you want to do something with that dropdown, then this isn't the modification for you.

[Bounce]

Lynne, I'm having a small problem on 4.0.4 when I install a new style it doesn't do the rows that I created with my main style, i've tried copying the editor2.css to the new templates but that still doesn't make them show as various rows, any ideas?

[Lynne]

Lynne, I'm having a small problem on 4.0.4 when I install a new style it doesn't do the rows that I created with my main style, i've tried copying the editor2.css to the new templates but that still doesn't make them show as various rows, any ideas?
I'd suggest you go over the install instruction again because it does work on a default 4.0.4 test site. I've tested it on mine.

[Bounce]

I'd suggest you go over the install instruction again because it does work on a default 4.0.4 test site. I've tested it on mine.

Thanks I will do lynne, I wasn't saying it wasn't working, I'm saying the extra rows that i added urnae (that's scottish for are not :) ) I'll check :up:

[Bounce]

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

I searched for the code in OP

width:20px;
height:21px;
margin:2px;
It appears its been changed to this.....

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

[Bouncer222]

nvm

[hqlman]

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

http://img37.imageshack.us/img37/4025/smileyf.jpg

[Ezswo]

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

I searched for the code in OP

width:20px;
height:21px;
margin:2px;
It appears its been changed to this.....

.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.php?p=1926457&postcount=6

[fxwoody]

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

******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]

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

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

http://myanimeisland.com/nonesite/editor.jpg

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

Thanks

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

[Xencored]

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]

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]

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]

Fixed!

had to add clear:both to
.editor_textbox_container

Thanks

[Xencored]

Lynne do you have blogs?
If so click Blog settings on the blog page and if you see there there is a editor box with the simile's still on the right

[wd4x4]

Great Mod Lynne :up:

Blog smilies are under editor on mine no other changes where done.

[cloferba]

this dont work when a mod is giving an infraction...

i see smiles on the right..not under :(

[Lynne]

I didn't make it to cover the Infraction page:
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).I would guess you can just edit the plugins though to include that page.

[cloferba]

well...its so difficult to show smilies on more than 1 line... i dont know why its so difficult and also they are bad showed

i ask something:
why you must specify the size of smilies...instead of using
{vb:stylevar editor_smiliebox_smiliesize} variable?

[Lynne]

well...its so difficult to show smilies on more than 1 line... i dont know why its so difficult and also they are bad showed

i ask something:
why you must specify the size of smilies...instead of using
{vb:stylevar editor_smiliebox_smiliesize} variable?
This mod was written before that stylevar was available and I haven't updated that part of it. You may do so in yours.

[cloferba]

thanks lynne, i wasnt sure

[Brandon Sheley]

any chance this could be updated to 4.0.8 :)
or would step 3 still contain edits?

[kf4eok]

Here is what I found that worked for me with vb 4.0.8 I have 232 smiles. Let me know if something looks wrong to anyone with what I have done.
I just imported the product-lynne_smilies_below.xml and I did no edits other than to the editor2.css
I hope that this will help someone
Here is my editor2.css

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

http://thestarquestclub.com/images/editor-smiles-options.png

[Lynne]

any chance this could be updated to 4.0.8 :)
or would step 3 still contain edits?
OK, I think I got this done right. I've update the CSS to include the new stylevar editor_smiliebox_smiliesize and I added a new option on the Message Posting Interface Options page called Smiliebox Rows (smilies below textarea). This is the number of rows you want to show for your smilies. I think I got all the math correct here. You need to enter the Smiliebox Total Smilies also. And these must be evenly divisible or you won't get it to look correct.

If you change the Smiliebox Rows (smilies below textarea), you MUST then rebuild your style to get this option to work in your CSS!!!

If your CSS already works correctly, there is no need to upgrade your mod. If you choose to do so anyway, then I'd suggest you keep a copy of the old CSS just in case this new method doesn't work for you.

[jkcerda]

cool

[kf4eok]

I removed all the mods for now, the editor in my CMS was not showing the smiles correctly.
I imported the new version but I do not get any of the options in the Message Posting Interface Options area. Do I need to do any other edditing elsewhere? I did notice that I do not have an editor2.css file any more. Do I need to create that?
Thanks lynne for the mod I think it is a great idea I just need a little advice to get it working.

[Lynne]

It doesn't sound like you have installed this correctly.

[Zervesa]

it is possible to show the smilies also in the contentmanager Editor of the VBCMS?

[cloferba]

i have updated to vbulletin 4.1 and now i cant see the smiles on the quick editor.....

[Lynne]

i have updated to vbulletin 4.1 and now i cant see the smiles on the quick editor.....
In the "showthread_quickreply" template, change the condition from this:
<vb:if condition="($vbulletin->options['lynne_sb_below'] AND $vbulletin->options['lynne_sb_below_2']) AND THIS_SCRIPT == 'showthread'"><div class="editor_smiliebox">
To this:
<vb:if condition="($vboptions['lynne_sb_below'] AND $vboptions['lynne_sb_below_2']) AND THIS_SCRIPT == 'showthread'"><div class="editor_smiliebox">

[cloferba]

thanks lynne =)

[abdulbasitsaeed]

Thank you very much for another lovely mod, Lynne. :)

Works perfectly with 4.0.6.

[kho91]

I want the smilies box displays with its real size 271px x 43px for example

why can i do that please

[ShackMaster]

Uninstalled! Does not work in 4.1 PL2 ... It breaks the Advanced message posting window even with one row.