Tabbed smileys

[emanuele]

Sorry for the late reply.

I'm not a big expert of styling and css, so I'm not sure if it will work on all the browsers.
Try changing the style of ul#tabs from

Code Select Expand

ul#tabs {
overflow:auto;
list-style-type: none;
margin: 30px 0 0 0;
padding: 1px 0 0 0;
}
to

Code Select Expand

ul#tabs {
overflow:auto;
list-style-type: none;
margin: 30px auto 0 auto;
padding: 1px 0 0 0;
display: table;
}

[Yngwiedis]

Very nice.
Tabs are centered now, but i have another small problem.
In the quick reply tabs and smilies are centered now.
In the normal reply only tabs are centered and smilies are aligned to left.
Can we fix that too ?

Thank you very very much.

[emanuele]

add:

Code Select Expand

text-align: center;
to the styles for div.tabContent should solve that too.

[Yngwiedis]

Ehmmm... sorry for beeing a pain in the ass...
I use 2 themes in my forum and both of them are just a copy of the default theme with color changes.
In my "bright" theme everything is ok now.

But in my second "dark" theme i see this extra "table":



What i do wrong ?

Thank you very very much.

[emanuele]

It could be related to the windowbg2 class used used for (one of) the div containing the smiley (...but it was there before too...), try edit GenericControls.template.php (in the Themes/default directory, it should be the same for your other theme, but check if the file exists also in the directory of your dark theme) and search for:

Code Select Expand

boxHTML += \'</ul><div class="windowbg2" id="tab_smiley_content"></div>\'';
and replace it with:

Code Select Expand

boxHTML += \'</ul><div id="tab_smiley_content"></div>\'';

[Yngwiedis]

I have only one GenericControls.template.php file in my Themes/default folder.
None of my other 2 themes folders have that file.
I dont want to mess up anything. Are you sure that i need to change that file ?
Dont you think of something else which go wrong ?

Thank you and sorry for all the trouble.

[emanuele]

It's one the changes done by the mod.

It's not a particularly dangerous change (you are just removing a css class), of course, before edit the file you will do a copy of GenericControls.template.php and in the case something goes wrong you can always restore that backup.

[Yngwiedis]

Ok i did the change and the extra table is gone.
But.... (i am sure. you are going to kill me)
Tabs and Smilies are not align correct...

I give you a screenshot from my bright theme where you can see better what i mean:



Take a look of the empty space before the smilies line and after the smilies line.

Thank you and sorryyyyyyy 

[emanuele]

eheheheh
I could kill only for money...maybe women but I'm not that sure...

That should be related to the "width:95%;" applied to the div.tabContent, try removing it and see if it works.

[Yngwiedis]

Not perfect yet

[emanuele]

Do you mean the border?
Remove it!

That's how the entire editor is "centred" (including subject and bbcodes), I'm not sure how to change it...
A quick look in the structure with Opera's Dragonfly it seems you have to change the style applied to #smileyBox_message, removing the left margin and increasing the right to something like 0.75em. But again I'm not sure how this would affect other browsers.

[Yngwiedis]

OK then....

I cant have everything in this life

I leave it as it is.

Thank you very very very very much for everything and i am sorry for all the troubles.

[emanuele]

No problem!

[teh_Krall]

Fantastic mod! I've been looking for something like this to organize the amount of smileys we have for sometime now. Thanks!

[ACAMS]

I have a problem, I have SMF 2.0 and just installed this mod ..... which works great on my other forum, but not my new one.


I use this theme http://custom.simplemachines.org/themes/index.php?lemma=2472


and when I want to tab my smileys they look like this .... I want them ALL to show without the slider, and also the [more] popup is still showing and should not.

[emanuele]

Yea...I'm not that good with css...

Which version are you using? 0.3.7 or the beta one?
I think the beta. In that case you have two options:
1) use the other version,
2) edit the css (in the set smiley order page) and change:

Code Select Expand

      div.tabContent {
         width:100%;
         overflow:auto;
         height: 100px;
      }
height to whatever you want or remove it. The problem removing it is that changing the tab the textarea will move up and down depending on the amount of smiley you have in each tab (I think...).

Regarding the more button...not sure what could be the problem...if you want to create an account for me on your forum I can have a look directly there.

[ACAMS]

I had the beta, and swapped over to the other and all is fixed except the [more] link.


I will PM you the PW to the test account and make it an admin.

[ACAMS]

Thanks to emanuele all is fixed.

THANKS!!!

[MotRude]

Just would like to know if this is now safe to install on the 2.0 and if all the problems have been solved?

[emanuele]

AFAIK yes...the last code-related issue dates back to February.