Scrollbar Generator
CONTRIBUTOR: GUIStuff.com - 17th July 2002

Use the tool below to enter your chosen hex values into the appropriate fields, not forgetting the # prefix. To assist you in your selection of colours click on the 'Colour Pop-up' button. Once you have selected your colours click on the 'Create!' button to generate the code which can then be copied and pasted between the <HEAD> </HEAD> tags of your web page.

  • The scrollbar colors will only appear in IE 5.5 or above. It will have no effect on any other browser or browser version.


  • You may choose not to enter a color value into a certain field. If you do, that element within the scrollbar will retain its default color.


    • Code example
    If you are running Internet Explorer 5.5 or above then you can see the effect on the scrollbars throughout this site.

    GUIstuff.com

    Scrollbar Properties
    face-color:
    highlight-color:
    3dlight-color:
    darkshadow-
    color:
    shadow-color:
    arrow-color:
    track-color:

    Click here for a palette of Hex values:      

    Scrollbar CSS code:  [Select all code]