Jump to content
xisto Community
Sign in to follow this  
leiaah

Changing The Color Of Scrollbars to those who still dont know how

Recommended Posts

Place this code after the first body tag <body> or after the title tag <title><style><!--body{scrollbar-face-color: #9CCF00;scrollbar-shadow-color: #687888;scrollbar-highlight-color: #FFFFFF;scrollbar-3dlight-color: #687888;scrollbar-darkshadow-color: #DCE0E2;scrollbar-track-color: #BCBFC0;scrollbar-arrow-color: #000000; }--></style>this will have a green color. You may change the hex values to match the colors of your web pages. this works with Internet Explorer but not on Mozilla. I haven't tried it with netscape, though. ;)

Share this post


Link to post
Share on other sites

<style><!--body{scrollbar-face-color: #9CCF00;scrollbar-shadow-color: #687888;scrollbar-highlight-color: #FFFFFF;scrollbar-3dlight-color: #687888;scrollbar-darkshadow-color: #DCE0E2;scrollbar-track-color: #BCBFC0;scrollbar-arrow-color: #000000; }--></style>Why do you need to have the <-- and --> in the tag; when I change the scroll bar colours I don't need to to input that.

Share this post


Link to post
Share on other sites

You shouldn't need the <!-- and -->. Those desginate comments (putting text between them only shows up in the source and isn't displayed on the page). Style tags work fine without them, and I've never tried what it does with them. It shouldn't matter, though.

Share this post


Link to post
Share on other sites
<style>

<!--

body{

scrollbar-face-color: #9CCF00;

scrollbar-shadow-color: #687888;

scrollbar-highlight-color: #FFFFFF;

scrollbar-3dlight-color: #687888;

scrollbar-darkshadow-color: #DCE0E2;

scrollbar-track-color: #BCBFC0;

scrollbar-arrow-color: #000000;

}

-->

</style>[/quoet]

 

Where should I put these?

 

-Shackman

Share this post


Link to post
Share on other sites
<style>

<!--

body{

scrollbar-face-color: #9CCF00;

scrollbar-shadow-color: #687888;

scrollbar-highlight-color: #FFFFFF;

scrollbar-3dlight-color: #687888;

scrollbar-darkshadow-color: #DCE0E2;

scrollbar-track-color: #BCBFC0;

scrollbar-arrow-color: #000000;

}

-->

</style>[/quoet]

 

Where should I put these?

 

-Shackman

54198[/snapback]

 

you can place that after the the body tag <body>

or under the title tag <title>

Share this post


Link to post
Share on other sites

Yeh i think the <!-- and --> would make them not work? I know they aren't needed and if im thinking right the page wont read it since its HTML..... the <!-- and --> are comment tags that tell the browser not to read what is inside of them....Basically just notes for the webmaster.

Share this post


Link to post
Share on other sites

Actually, I think with CSS, the comments hides it for browsers that don't understand CSS. I think it works like it does with JavaScript. I could be wrong, though. I've never used comments with CSS.I use that code with my site, but it doesn't work with Firefox, so I don't see them.

Share this post


Link to post
Share on other sites

you dont need <!-- and --!> and the code

<style>body{scrollbar-face-color: #9CCF00;scrollbar-shadow-color: #687888;scrollbar-highlight-color: #FFFFFF;scrollbar-3dlight-color: #687888;scrollbar-darkshadow-color: #DCE0E2;scrollbar-track-color: #BCBFC0;scrollbar-arrow-color: #000000;}</style>
goes to <head>

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.