Thank you for Styling, makondo!

Thanx a lot - I like the transparency thing. But it brings along one disadvantage: it overlays some other elements (see http://img18.imageshack.us/i/smileysa.jpg/). Maybe you can make sure it's kept in "unused space" rather than to overlay buttons?
As for the "broken images" from photobucket: They already have been removed last month, so you can update a) the script and b) the description here
Thanx again,
Izzy.
P.S.: I will update my rating once you fixed the script, promised
PPS: I just checked through again - it's only UserScripts.ORG where it looks a bit "messed up" (see also http://img9.imageshack.us/i/smileys2.jpg/, which is without other "script improvements"). So a fast fix for that would be to wrap your style with
Still, here on UserStyles.Org (and without any additional styles/GM scripts active), I cannot access the rightmost emoticons of the first row, which are displayed on top of the "Cancel and go back" link due to this line:
Commenting out that one additionally (or reducing it to <= -18px - for me, at the time I write this, -9px looks best, aligning directly at the bottom bar below the colored form block), everything works well and looks great. Would you, please...? <img class="emoticon" src="http://www.freesmileys.org/smileys/smiley-basic/excited.gif" alt="Excited" title="Excited" />
As for the "broken images" from photobucket: They already have been removed last month, so you can update a) the script and b) the description here

Thanx again,
Izzy.
P.S.: I will update my rating once you fixed the script, promised

PPS: I just checked through again - it's only UserScripts.ORG where it looks a bit "messed up" (see also http://img9.imageshack.us/i/smileys2.jpg/, which is without other "script improvements"). So a fast fix for that would be to wrap your style with
@-moz-document domain(userstyles.org) {..}
Still, here on UserStyles.Org (and without any additional styles/GM scripts active), I cannot access the rightmost emoticons of the first row, which are displayed on top of the "Cancel and go back" link due to this line:
margin-top: -36px !important;
Commenting out that one additionally (or reducing it to <= -18px - for me, at the time I write this, -9px looks best, aligning directly at the bottom bar below the colored form block), everything works well and looks great. Would you, please...? <img class="emoticon" src="http://www.freesmileys.org/smileys/smiley-basic/excited.gif" alt="Excited" title="Excited" />
Comments
Of course, this is with my Brass style for this forum and your script has been edited
So, i'm not going to change anything there 'cause it works as is for me. If anybody wants it and knows how to, they still can install it and work it out to fit their setup. How's that, Izzy? Well, maybe people can just read this thread and make changes to suit ... it's not like a heavy code there.
PS. Maybe a box shadow will help with visibility, something like this: -moz-box-shadow: inset 4px 28px 32px 4px #E5E5E5 !important;
I've added the line to the code, looks like it can use z-index but i can't figure what to put there, so forget it for now. Here it is on a very shrank screen:
Thanks for commenting, Izzy (OK rating?!...
Sorry, i can't fix what i don't see!
/* 09/09 by makondo. Thanks to mod_wastrel for hiding/hover code!*/
#IzEmoticons, #IzEmoticons > DIV
{ -moz-appearance: none !important;
background: transparent !important;
margin-bottom: 10px !important; }
#IzEmoticons > DIV
{ border: 1px inset black !important;
-moz-border-radius: 12px !important;
-moz-box-shadow: inset 4px 28px 32px 4px #E5E5E5 !important; }
#IzEmoticons_Nerv, #IzEmoticons_Ninja, #IzEmoticons_Hacking
{ display: none !important; }
#IzEmoticons:before { content: "Smileys: " !important }
#IzEmoticons > DIV:not(:hover) { visibility: collapse !important; }
#IzEmoticons:hover > DIV { visibility: visible !important; }
the script is now updated with many goodies - TMP site is added! edit post pages added! script update added! new smileys added! ..... Check it out!
Thank you muchly, Izzy!
I noticed that the smileys only appear on stylish userstyles forum when I login from the forum, and do not appear if I'm logged in from stylish.
And the smileys don't appear when editing a post.
This is what my smiley collection looks like. (810px high) I counted 249 smiley's. ???
http://img264.imageshack.us/img264/6337/smileys249pictotalonfor.png
I didn't want to autohide mine,(I like to see everything laid out on the table), but because I have so many smileys I had to make the box scrollable to fit (for userscripts forum only).
I haven't updated Izzys smiley script because I edited and added so many of my own smileys and so I don't think it's necessary.
So this is what mine looks like in userscripts forum:
http://img340.imageshack.us/img340/7433/smileysscrollableboxfor.png
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://userscripts.org/topics/") {
textarea#post_body
{ height: 300px !important; }
/*SCROLL*/
#IzEmoticons
{ max-height: 300px !important;
width: 100% !important;
overflow-x: hidden !important;
overflow-y: auto!important; }}
/*FORUM USERSTYLES.org SMILEY:REMOVE PHOTOBUCKET ADS INSIDE SMILEY BOX*/
img[src="http://i6.photobucket.com/albums/y236/demonferret/Emoticons/r4_nerv0003.gif"],
img[src="http://s6.photobucket.com/albums/y236/demonferret/Emoticons/th_thninjav1.gif"],
img[src="http://s6.photobucket.com/albums/y236/demonferret/Emoticons/th_user.gif"]
{ display:none !important; }
You really should update the script. Save it as a file to your hd, then just open it for editing and replace the buttons portion select/copy/paste, you know.
The latest version can also tell you about an update so that you don't have to check the site any more.