how to have a colored scrollbar in vb3 ?

[deathemperor]

like the one of vb3 ACP, it's dark blue
how to make one for main forum ? I tried but didn't know how to get it correct.
thank you

[Andreas]

Not possible if you want compliant CSS, as there is no attribute for specifying scrollbar color.

If you don't care: Set scrollbar-base-color, scrollbar-3dlight-color, scrollbar-arrow-color, scrollbar-darkshadow-color, scrollbar-face-color, scrollbar-highlight-color, scrollbar-shadow-color and scrollbar-track-color for the BODY-Tag.

[Brad]

And do remember, only IE users will see it.

[Natch]

Originally Posted by KirbyDE

Not possible if you want compliant CSS, as there is no attribute for specifying scrollbar color.

If you don't care: Set scrollbar-base-color, scrollbar-3dlight-color, scrollbar-arrow-color, scrollbar-darkshadow-color, scrollbar-face-color, scrollbar-highlight-color, scrollbar-shadow-color and scrollbar-track-color for the BODY-Tag.

You can still have compliant CSS Do it with Javascript

NOTE: this is script I wrote by hand - feel free to use it but PLEASE leave the acknowledgement in ... it *should* retain colours that fit with your style automatically but of course will only render colours in IE

<script type="text/javascript">
<!-- 
/* START I.E. only Flat ScrollBar Colour Script for use with CSS2 Validation */
/* coded by Natch - mobileforces.org */
bg  = window.document.bgColor;
txt = window.document.fgColor;
if (document.all){
 with (window.document.body.style){
 scrollbarBaseColor=bg;
 scrollbarFaceColor=bg;
 scrollbarHighlightColor=txt;
 scrollbar3dLightColor=bg;
 scrollbarShadowColor=txt;
 scrollbarDarkShadowColor=bg;
 scrollbarArrowColor=txt;
 scrollbarTrackColor=txt;
 }
}
/* END I.E. only Flat ScrollBar Colour Script for use with CSS2 Validation */
//-->
</script>

(NB: your CSS won't be compliant, but doing it via Javascript will hide your non-compliant CSS from the validator )

[Andreas]

Well ... yes
Although I wouldn't do this.

[deathemperor]

Originally Posted by KirbyDE

Not possible if you want compliant CSS, as there is no attribute for specifying scrollbar color.

If you don't care: Set scrollbar-base-color, scrollbar-3dlight-color, scrollbar-arrow-color, scrollbar-darkshadow-color, scrollbar-face-color, scrollbar-highlight-color, scrollbar-shadow-color and scrollbar-track-color for the BODY-Tag.

I did this, the scrollbar of the textarea works but not the main window T_T
Natch, yours doesn't seem to work either. Sorry for my idiot question but how can I set up colors in your code ?
Of course I'm using IE.
thank you guys

[Natch]

Originally Posted by deathemperor1st

I did this, the scrollbar of the textarea works but not the main window T_T
Natch, yours doesn't seem to work either. Sorry for my idiot question but how can I set up colors in your code ?
Of course I'm using IE.
thank you guys

Actually I've found this script to fail on IE6, so Don't use it for a live board ... (it used to work on IE5.x)

If you wanna set up colours in the code I posted, you replace the txt and bg entries on each line with '#******' where the *'s are your RRGGBB colour codes ... (but as I said it will give u javascript errors in IE6 so don't use it

[deathemperor]

thanks anyway, it's nothing with changing color when it doesn't work T_T

[NTLDR]

Just put:

html {
    scrollbar-base-color: #E7E5E6;
    scrollbar-arrow-color: #334B71;
}

in the additional css box in the style manager, obviously putting in your own colours.

[deathemperor]

thank you NTLDR, it works !