Thursday, 8 November 2012

Add Custom webkit Scrollbar for your site in Chrome

Friends I developed the code for custom slider / scrollbar which you see in Gmail for me. Then Idea came to null more code. As a result I found the Google Type scrollbar code! You can make you site to look like as of google in few seconds! Click Here for Google type Scrollbar
Also previously i developed other scrollbars which you can get on Ishan+. Click here for other scrollbars

How to add the Scrollbar shown in figure?
Just copy and paste the below code before </head> of your page!

::-webkit-scrollbar {
width: 15px;
::-webkit-scrollbar-track {
background: #FFFFFF;
-webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
border: 1px solid #D8D8D8;
::-webkit-scrollbar-thumb {
background: #646464;
-webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);
::-webkit-scrollbar-thumb:hover {
background: #AAA;
/* Scrollbar from */
::-webkit-scrollbar-thumb:active {
background: #888;
-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
Your are done!

Dont Copy my post! DMCA protected!