BHS DESIGN - Customized scrollbar

Page Info

Page Title: Customized scrollbar
Description: Cascading Style Sheet (CSS) settings for scroll bar colors
Author: Dumb Genius
Submission Date: 13-09-2004 09:09

Rating & Comments

View or add comments:

(0)
Average members rating:

Inside the HEAD tags (< head > < /head >) put the following code to customize the colors of the scrollbars:

Code :
// hide source code
// hide line numbers



 1  
 2  <style>
 3  <!--
 4  body
 5  { color:black;
 6    background-color:#a0a0a0;
 7    scrollbar-face-color:#903030;
 8    scrollbar-arrow-color:#FFFFFF;
 9    scrollbar-track-color:#C0B0B0;
10    scrollbar-shadow-color:rgb(0,0,0);
11    scrollbar-highlight-color:#000000;
12    scrollbar-3dlight-color:#808080;
13    scrollbar-darkshadow-Color:#202020;
14  }
15  -->
16  </style>

All the color codes, hexadecimal color values, or rgb values can be changed in function of what you want to obtain. Please look at a color reference table if you don't know the color codes by heart. One is available at our hex_color_values page.

The CSS attributes have to be applied to the element BODY and colors have to be changed to your needs. Only Microsoft Internet Explorer supports Cascading Style Sheet (CSS) settings for scroll bar colors.

Donation:

If you like our free quality work, make a donation by using Paypal and tell us what you would like to see improved on our site for the next few months.