Just before Christmas, I posted some CSS that Firefox users could insert into their userContent.css file in order to change the forums' colour scheme to something they preferred.
Here's some example CSS that I use to turn the forums a dark grey colour:
You'll see I colour all the text white, give most things - including form inputs - a dark background of #222, give a few select elements a lighter background of #333, and give some headings an even lighter background of #444.
(To make these changes yourself, browse to your profile folder and open the userContent.css file in the chrome folder. Edit it, and paste the above code anywhere.)
Now the problem lies in the fact that the forums' images, particularly the buttons, are an ugly blue colour which hardly fits well with our brand spanking new colour scheme. So, if you'd like to replace the icons, simply install this extension that I wrote, et voila
Here's a quick screenshot of what my setup looks like:
If anyone else has any other customisations they've made to the forums, post them here!
Also, AFAIK these changes will work with absolutely any vBulletin forum, so simply add more domains to the include section of the Greasemonkey user script and to the CSS domain matcher to have them appear on other sites.
Here's some example CSS that I use to turn the forums a dark grey colour:
Code:
@-moz-document domain(forums.overclockers.co.uk) {
/*
** OcUK colour scheme changer
** By Rob Miller
*/
* { color:#fff !important; }
textarea, input, body, .page, .thead, .tfoot, .alt2, .alt2Active, .panel { background:#222 !important; }
.alt1, .alt1Active, .panelsurround, .vbmenu_option { background:#333 !important; }
.vbmenu_control, .vbmenu_hilite, .tcat { background-color: #444 !important; }
.vbmenu_popup { border: 1px solid #ccc !important; }
}You'll see I colour all the text white, give most things - including form inputs - a dark background of #222, give a few select elements a lighter background of #333, and give some headings an even lighter background of #444.
(To make these changes yourself, browse to your profile folder and open the userContent.css file in the chrome folder. Edit it, and paste the above code anywhere.)
Now the problem lies in the fact that the forums' images, particularly the buttons, are an ugly blue colour which hardly fits well with our brand spanking new colour scheme. So, if you'd like to replace the icons, simply install this extension that I wrote, et voila
Here's a quick screenshot of what my setup looks like:
If anyone else has any other customisations they've made to the forums, post them here!
Also, AFAIK these changes will work with absolutely any vBulletin forum, so simply add more domains to the include section of the Greasemonkey user script and to the CSS domain matcher to have them appear on other sites.
Last edited:
The only thing I've used is his selectNodes() and selectSingleNode() functions which are copied from IE anyway