Coloured Scrollbars
Want a fashionable website? Then you need coloured scrollbars! All the best sites have them! Here’s how to make them.
CSS (Cascading Style Sheets) tags are used to format many parts of a web page
and this is what we’ll use. We can have our formatting in a separate file or
in the page we are working on. We’ll use tags for the page we are working on
for this guide. Our CSS will go between the
& tags. The
scrollbar can be manipulated as an attribute of the tag, so we set our colours here.
This creates are rather garish scrollbar! You can use named colours as I have done in the example above, or hexadecimal colours such as "#D2691E" for Chocolate.
htmlgoodies.earthweb.com/tutors/colors.html contains a good colour chart.
Coloured scrollbars can also be used in forms. Here is an example for the textarea of a form.
These are the basic elements of the scrollbar. You can also colour other areas like the track! See htmlgoodies.earthweb.com/tutors/scrollcolor02.html for more information.
