top left
The HTML Source Logo


 html
Top Right
    
 Getting StartedHow Do I...TroubleShootingPromotionContact Us
 html
HTML
SEARCH THE SITE
advanced search



CATEGORIES
Home
Getting Started
HTML Cheat Sheet
Webmaster Tools
HTML Help Forum
Color Codes
Link to us









































bottom
HTML HTML HTML HTML
How do I change the color of my scrollbar?


To change the color of the scrollbar, you have to use some CSS (Cascading Style Sheets).
Note: CSS only works on the newer version browsers. If the color of the scrollbar on the right of this page is blue, then your browser can handle it, if not then you may want to update your browser.
With CSS you can change basically every single color within the scrollbar. To change the color of the scrollbar on your web page, simply place the following code into the <HEAD> section of your web page:
<style type="text/css">
<!--
body
{
scrollbar-face-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #000000; scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000; scrollbar-track-color : #000000;
scrollbar-arrow-color : #000000
}
-->
</style>
Now all you have to do is replace all the (#000000) with the color codes that you want. If you don't know what the color code is of the color you want, Click Here to see all the colors and there color codes.

Basically just play around with different colors until you find witch ones match your site best...

EXAMPLE

For example, the CSS code on this page looks like this:
<style type="text/css">
<!--
body
{
scrollbar-face-color : #003399;
scrollbar-highlight-color : #006699;
scrollbar-3dlight-color : #003366; scrollbar-shadow-color : #000066;
scrollbar-darkshadow-color : #000066; scrollbar-track-color : #0066CC;
scrollbar-arrow-color : #FFFF00
}
-->
</style>











Company   |   Careers   |   Partners   |   Advertising   |   Help
Privacy Policy   |   Trademark Notices   |   User Agreement
© 2001 TheHTMlSource.com, INC. All Rights Reserved.



Site hosted by Angelfire.com: Build your free website today!