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!

<style>
::-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 http://ishanplus.blogspot.com/2012/11/add-custom-webkit-scrollbar-for-your.html */
::-webkit-scrollbar-thumb:active {
background: #888;
-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}
</style>
Your are done!


Dont Copy my post! DMCA protected!