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. |