I don't know if anyone uses DNF Chatbox but for those who do, sometimes that chatbox is flawed in its look.
I mean, for smaller screens, when width of the forum is compressed, DNF Chatbox Toolbar gets out of the borders and overlaps with the button itself. We all know that nowadays many people use smartphones, netbooks and tablets which all got much smaller screens than regular PC, thus the need for this.
It is actually not a big deal, you can type and chat still even without it, but the thing is, the more you chat, the more it gets irritating to see such a mess
This is how it looks like at the moment for my screen:
And this is after the solution is applied:
Now, you see how better it looks like lol.
So, how do we do this? One way is to tell DNF Admins to apply a little bit of css in their backend, but most probably they will not do that immediately so I am gonna suggest you another way to do that:
1. Use Firefox (or try to google same solution for other browsers)
2. Get Firefox addon called Greasemonkey here: https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/
3. Install it and restart your browser of course.
4. Then simply go to http://userscripts.org/scripts/show/157169 and click on install button to install that script.
5. Reload DNF Chatbox and poof! there it is, problem solved lol.
If you think this is some sort of malicious code lol, don't think like that, be reasonable and view the source code located on the next tab here: http://userscripts.org/scripts/review/157169. Now you see, it is just one line of javascript which modifies a bit of css
Most of you did not know you can do these things but now you do, that is why I have posted it here
Remember, this is just modification on your own screen, your own browser, not for anyone else or the site itself.
I mean, for smaller screens, when width of the forum is compressed, DNF Chatbox Toolbar gets out of the borders and overlaps with the button itself. We all know that nowadays many people use smartphones, netbooks and tablets which all got much smaller screens than regular PC, thus the need for this.
It is actually not a big deal, you can type and chat still even without it, but the thing is, the more you chat, the more it gets irritating to see such a mess
This is how it looks like at the moment for my screen:
And this is after the solution is applied:
Now, you see how better it looks like lol.
So, how do we do this? One way is to tell DNF Admins to apply a little bit of css in their backend, but most probably they will not do that immediately so I am gonna suggest you another way to do that:
1. Use Firefox (or try to google same solution for other browsers)
2. Get Firefox addon called Greasemonkey here: https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/
3. Install it and restart your browser of course.
4. Then simply go to http://userscripts.org/scripts/show/157169 and click on install button to install that script.
5. Reload DNF Chatbox and poof! there it is, problem solved lol.
If you think this is some sort of malicious code lol, don't think like that, be reasonable and view the source code located on the next tab here: http://userscripts.org/scripts/review/157169. Now you see, it is just one line of javascript which modifies a bit of css
Most of you did not know you can do these things but now you do, that is why I have posted it here
Remember, this is just modification on your own screen, your own browser, not for anyone else or the site itself.