HTML and CSS  Home HTML and CSS Tutorials Scrollbars Tutorial
rss

Scrollbars Tutorial

Author: Axialabs.com More by this author


Have you always wondered how all these websites customize the colour of there scrollbars? Well read this mini tutorial, its easier than you think..

Colored Scrollbar
Colored Scrollbar

Step 1

Firstly open your page document in notepad, dreamweaver, frontpage or whatever programme you use to edit your HTML codes.

Step 2

Then look for your head tags, which will look like <head> and </head>

Step 3

Now copy this code and put them inside your <head> </head> tags (

<style>
<!--
BODY{
scrollbar-face-color:#e9e9e9;
scrollbar-arrow-color:#808080;
scrollbar-track-color: #f2f2f2;
scrollbar-highlight-color: #e9e9e9;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-Color:#d3d3d3;
}
-->
</style>

Step 4

Then your all done, i did say it was easy didnt i?



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Scrollbars Tutorial"