Learn HTML step-by-step from A to Z or improve your professional skills.  Home HTML and CSS Tutorials Scrollbars Tutorial

Scrollbars Tutorial


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

Scrollbars Tutorial
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?



Author's URL: Axialabs.com
Learn HTML step-by-step from A to Z or improve your professional skills. More Tutorials: Featured Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com

Reader's comments
comments xyz September 27, 2010 says:
It's totally useless... workin' only in older versions of ie.
Reply
Add comments to "Scrollbars Tutorial"

Captcha