Web Wiz Forums - Coloured Scroll Bars

Print Page | Close Window

Coloured Scroll Bars

Printed From: Web Wiz Forums
Category: Web Wiz Web App Support Forums
Forum Name: Web Wiz Forums
Forum Description: Support forum for Web Wiz Forums application.
URL: https://forums.webwiz.net/forum_posts.asp?TID=23390
Printed Date: 07 April 2026 at 1:07pm
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com

Topic: Coloured Scroll Bars

Posted By: cathal
Subject: Coloured Scroll Bars
Date Posted: 22 May 2007 at 6:03pm

How could i get coloured scrollbars in my forum, is it a CSS issue.

Heres the colours i would like

{
scrollbar-base-color: #000000;
scrollbar-arrow-color: #0B00E0;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #1B00DC;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #0009C1;
scrollbar-shadow-color: #000BDD;
scrollbar-track-color: #3F3F3F;
}

Replies:

Posted By: Scotty32
Date Posted: 22 May 2007 at 6:09pm

you have to add it to the CSS file in the body { } area.

if one doesnt exist then you will need to create it.

Also, it will only work in IE as its an IE only tag and not an official tag

PS: if anyones interested, i made a http://www.s2h.co.uk/webtools/scrollbar.asp - Scrollbar Colour Generator

-------------
S2H.co.uk - http://www.s2h.co.uk/wwf/" rel="nofollow - WebWiz Mods and Skins

For support on my mods + skins, please use http://www.s2h.co.uk/forum/" rel="nofollow - my forum .

Posted By: cathal
Date Posted: 22 May 2007 at 9:24pm

Where do i input the code into the CSS file, i've tried several places with no success, please show me with an example.

Posted By: Scotty32
Date Posted: 23 May 2007 at 6:24pm

you want it to look like this:

class {
tag: value;
tag: value;
tag: value;
tag: value;
tag: value;
}

body {
scrollbar-base-color: #000000;
scrollbar-arrow-color: #0B00E0;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #1B00DC;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #0009C1;
scrollbar-shadow-color: #000BDD;
scrollbar-track-color: #3F3F3F;
}

class {
tag: value;
tag: value;
tag: value;
tag: value;
tag: value;
}

add the red part only. make sure you use Notepad, and avoid other Text editors as they may mess with the file.

-------------
S2H.co.uk - http://www.s2h.co.uk/wwf/" rel="nofollow - WebWiz Mods and Skins

For support on my mods + skins, please use http://www.s2h.co.uk/forum/" rel="nofollow - my forum .

Posted By: cathal
Date Posted: 23 May 2007 at 8:45pm

It only works for scroll-bars within the forum like those which are included in the post editor when posts get too long, and you need to scroll sideways to see all the text.

Is there any way to make it work for the main webpage scrollbars,

i.e. those ones over to the right -------------->

Posted By: Scotty32
Date Posted: 25 May 2007 at 8:12pm

As long as your entering it in the body {} part it should work for all. since body = the page.

Could you please either post a link to your forum or PM it to me so i can have a better idea of what you mean?

-------------
S2H.co.uk - http://www.s2h.co.uk/wwf/" rel="nofollow - WebWiz Mods and Skins

For support on my mods + skins, please use http://www.s2h.co.uk/forum/" rel="nofollow - my forum .

Posted By: cathal
Date Posted: 25 May 2007 at 9:54pm

No, its OK, I found out why coloured scrollbars aren't so popular, lol