Brought to you by Frodo
Here is an image of what we will be doing:
You must login or register to view this content.
As you can see, we will fix the smileys and the options.
Before we begin, please visit my other Shoutbox Threads if you haven't already to view tutorials on how to set up Stylish and Greasemonkey.
You must login or register to view this content.
You must login or register to view this content.
You must login or register to view this content.
PLEASE NOTE: These tutorials are for Firefox, and work in Firefox, must be tested in other browsers.
Smileys Tutorial
Since you should be familiar on how to add a new user script into Greasemonkey, just go ahead and add a new script with the detatched shoutbox page open. Call it something like "Updated Smilies".
Then copy and paste the code here: You must login or register to view this content.
Then click Save.
Options Tutorial
With the detatched shoutbox open, go to Stylish and "Write a New Style" "For this URL".
Call it something like "Options fix".
Then copy and paste the code here: You must login or register to view this content.
Now I understand that some of you will have different screen resolutions.
I cannot fix this, you must do so by editing the code like so:
You must login or register to view this content.
Where it says "left:" and "right:" , change the px numbers to fit your screen.
Too easy! :p
EDIT UPDATE
You must login or register to view this content.
Change left to margin-left, that will fix the bug.