Hi! Today I come up with code to customize or edit scrollbar colour. This css3 webkit feature being added to html by overriding the css code and it will change old white scrollbar to colored scrollbar and its width, this scrollbar give a beautiful look to your blog/website.
Let's Try It.
To add it to your blogger:
Note: this trick works only in Mozilla Firefox, google chrome, IE9+ browsers.
Please leave Your Comment..that is very precious for us.
Let's Try It.
To add it to your blogger:
- Goto > Template > Edit Html >
- Find below code by pressing crtl+F " ]]></b:skin> "
- Add this css3 code before above code:-
/*Webkit override Scrollbar with CSS3*/
::-webkit-scrollbar {
width: 8px; height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba
(0,0,0,0.3);
background:#fff;
}
::-webkit-scrollbar-thumb {
background: rgba(186,35,35,0.8);
-webkit-box-shadow: inset 0 0 6px rgba
(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-
inactive {
background: rgba(186,35,35,0.4);
/*Scrollbar Color code end*/
- Now save your template Done!
Note: this trick works only in Mozilla Firefox, google chrome, IE9+ browsers.
Please leave Your Comment..that is very precious for us.
No comments:
Post a Comment
Notice: Don't add "backlink". Text with Link will automatically Removed.