Networking, Programming and Graphics - Tutorials
ONLINEHOWTO.net Tutorials Category
Simple PHP, Development, PHP Programming lessnos

How to change Color of the scrollbar

Type: Picture Networking, Programming and Graphics - Tutorials
Networking, Programming and Graphics - Tutorials
Level: Intermediate Networking, Programming and Graphics - Tutorials Networking, Programming and Graphics - Tutorials 
Networking, Programming and Graphics - Tutorials
Date: 2007-Sep-25
Networking, Programming and Graphics - Tutorials
Visited: 4156 times
Networking, Programming and Graphics - Tutorials
Rating: Networking, Programming and Graphics - Tutorials
Networking, Programming and Graphics - Tutorials
Author: Alex Tutorialized

In this tutorial I show you How to How to change Color of the scroll bar. use CSS style.

Tutorial Includes explanation and easy step by step solution to help you to understand this lesson .

With this tutorial you may editing existing color and or make new with powerful effects. In this lesson i discus only one of the effects in CSS style . Lets begin the lesson:

Have you ever wondered how to change the color of the scroll bar?

How to change Color of the scrollbar
Use this CSS style script . Well this script will help you:

Explanation of the CSS style script :

<style>
body {
scrollbar-face-color: #004F27; - It is scroll bar face color
scrollbar-shadow-color: #DB0529; - It is scroll bar shadow color
scrollbar-highlight-color: #FFFFFF; - It is scroll bar highlight color
scrollbar-3dlight-color: #FFFFFF; - It is scroll bar 3dlight color
scrollbar-darkshadow-color: #DCE0E2; - It is scroll bar dark shadow color
scrollbar-track-color: #DB0529; - It is scroll bar trackcolor
scrollbar-arrow-color: #DCE0E2; - It is scroll bar arrow color
}
</style>

<style> 
body { 
scrollbar-face-color: #004F27; 
scrollbar-shadow-color: #DB0529; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-darkshadow-color: #DCE0E2; 
scrollbar-track-color: #DB0529; 
scrollbar-arrow-color: #DCE0E2; 

</style>
Very important: Colors should be from this type: #DCE0E2 not from this type: blue, yellow, green, lighted, white, red , black and e .t. c. ...
In picture below is sown the result:

This CSS style script Do not work for Mozilla Firefox browser .

And that is all in this tutorial for How to change Color of the scroll bar
. I hope this tutorial is useful for you.
To learn how to Change Color of the Photo read this tutorial: Change Color of the Photo

How to change Color of the scrollbar
Rate this tutorial:                    
Post Comment

Need a specific tutorial? Do not hesitate and submit a request!
Your e-mail: