Click on the Customize & control Google Chrome bars icon at the top right of the toolbar.
Click Tools then Extensions.
In Extensions choose Get more extensions.
In the Chrome Web Store search for Stylish Extension.
Choose Add To Chrome.
When installed choose Write new style.
In the Add Style page write Stylish for the name.
Paste in the big code.
Add another section & paste in the HTML code.
Click Save.
Here is how it should look without codes:
Here is how it should look with codes:
The main top code is-
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
body { position: absolute; top:20px; left: 0px; bottom: 0px; right: 0px; padding: 0px; overflow-y: scroll; overflow-x: hidden; } ::-webkit-scrollbar {width: 17px;} ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 15px; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 15px; background: rgba(255,0,0,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); } |
The HTML code is:
HTML Code:
|
1 |
html { overflow: auto; } |
Below is a picture of the new red scrollbar:
You can change the width & colors if you can write code. 
Enjoy !
© 2013 techsupportforum.com
Tagged tutorial.