Award Sites!  ... "Bettering the Internet Experience!"

Home | Articles | Exemplary | Achievement | NovaSite
Resources |
Tutorials | Web Awards | Contact | CureNow
SEARCH | Assembly ||
USA Patriotism! | Poetry Galore

Approved Web Hosting Companies

Gold Stars of Excellence by Award Sites!

CSS Tutorial

Tutorials > CSS List | Categories

CSS Colored Scrollbar
By Tom Lyall

Have you ever wondered how those multi-colored scrollbars are made? The process is surprisingly easy, simply insert this piece of code between the <head></head> tags directly after the META tags. The piece of code below is the code used to generate the colored scrollbar for this site.

<STYLE>BODY {BODY background-color: #AAAAAA;
scrollbar-face-color: #CCCCCC;
scrollbar-highlight-color: #CCCCCC;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #EEEEEE;
scrollbar-track-color: #CCCCCC;
scrollbar-darkshadow-color: #98AAB1;}</STYLE>

Experiment with color combinations to achieve the desired effect. The color code numbers are referred to as hexadecimal values. Click here to view a list of web safe colors and their corresponding hexadecimal values.

About Contributor
Tom Lyall is the owner and creator of the retired CQD Awards and TLTC Wild Adventure Awards.

He is currently retraining as a Computer Aided Mechanical Design Engineer while providing site design related advice via tutorials and articles.

"Approved" Web Hosting Companies