MyBB Community Forums

Full Version: Scroll Bars
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Can someone point me in the right direction as to color the scroll bars like www.wiiloaded.com did ?

My web site uses this:
body {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
scrollbar-base-color: 3C4B56;
scrollbar-arrow-color: 3C4B56;
scrollbar-face-color: 2A3742;
scrollbar-track-color: 3C4B56;
scrollbar-shadow-color: 222222;
scrollbar-highlight-color: 555555;
scrollbar-dark-shadow-color: 111111;
scrollbar-3d-light-color: 444444;
}
And the problem is?
You should add # in front of every hex color.
body {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
scrollbar-base-color: #3C4B56;
scrollbar-arrow-color: #3C4B56;
scrollbar-face-color: #2A3742;
scrollbar-track-color: #3C4B56;
scrollbar-shadow-color: #222222;
scrollbar-highlight-color: #555555;
scrollbar-dark-shadow-color: #111111;
scrollbar-3d-light-color: #444444;
}
where do I put this code ?
labrocca was working on my forum last night (he is goodCool)
and he used the following code:
margin: 0;
padding: 0;
scrollbar-base-color: #3C4B56;
scrollbar-arrow-color: #3C4B56;
scrollbar-face-color: #2A3742;
scrollbar-track-color: #3C4B56;
scrollbar-shadow-color: #222222;
scrollbar-highlight-color: #555555;
scrollbar-dark-shadow-color: #111111;
scrollbar-3d-light-color: #444444;
in the Theme / Body (Customized in this style) / Extra CSS Attributes
but this does not color the bars like I saw in www.wiiloaded.com
uhm, no, that's because you need different colors, he uses #ffffff and #cccccc. Try to get it how you want it yourself. Best way to learn is to try.
found it HERE

Colorize Your ScrollBar

Go to Admin CP > Themes> Modify / Delete

Scroll till the bottom until you find Additional CSS

add this code
body, html {
scrollbar-base-color: #5392bc;
scrollbar-face-color: #6ab4e4;
scrollbar-track-color: #4995c6;
scrollbar-3dlight-color: #446b84;
scrollbar-highlight-color: #447fa5;
scrollbar-arrow-color: #8eb6d1;
scrollbar-darkshadow-color: #56768b;
scrollbar-shadow-color: #6790ab;
}


Thanks anyway
FYI- This only works to change the scrollbar in IE. And it was a pleasure working with you to get the site going.
yes, I know . . .
but most of my Union people only know IE (shusssh)
and still many of them use AOL because we could have it @ $3/month
the site is for them to keep them informed !

Thank You for all your help (tips hat)
you are very talented & a big help !
you got me started in the right direction,
I think I got a grasp on this now & understand it a bit better.