Rainbow Arch - Home

Scrollbar MouseOver Generator

This generator lets you create a script that will make your scrollbars colourful.
You can also change the scrollbar's colour by moving the cursor over it (this changing of the colours works when you mouseover the main scrollbar on the page, not any scrollbars that might be coloured in textarea boxes).

Guide: Put the generated script in the <body> part of your web page.

Note: This script works with IE5+, some other browsers just ignore it.

Colour Table: Enter the colour number or click on a cell to choose your colour.

    Chosen colour

Note: You can also type in the desired hex number for a colour.

1. Set Colour for your scrollbars when it is actived (mouseover).

Tip: It would be better to set the face colour lighter than the line colour.

    Line colour
    Face colour

2. And set the colours for scrollbars in normal state here, choose the colour you like from above table and click Set colour:

    Line colour
    Face colour

3. Finally set a type of scrollbars you want and click Generate Source Code, you will see your coloured scrollbar in action right on this page.

      Flat Scrollbars          3D Scrollbars