hello and lets start with my new Change Scrollbar Color With css3.Every
one knows what is scrollbar? scrollbar is a scrolling bar which scrolls
the page up and down and right to left, you can find it at right side
of every browser. Now here changing the design of scrollbar and its
color with css3 webkit.This Css3 Webkit will replace the original html scrollbar to customized Css3 scrollbar.
That old days gone this is 3rd generation latest technology make your blog like a professional website, everyone wants to make they template attractive and good look. Now make your blogger template looks beautiful with the help of css3. Today i am going to show how to change your web page scrollbar's color and its design with Css3 Webkit Technique, give your blogger template a proffesionl look, to attract visitor.
now adding it ...
template>edit HTML
and find the code by pressing ctrl+F
]]></b:skin>
after finding this code, add this css3 code above...
/* khatris creation Scrollbar with CSS3 */
::-Bc-scrollbar {
width: 8px; height:8px;
}
::-BC-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#fff;
}
::-BC-scrollbar-thumb {
background: rgba(186,35,35,0.8);
-BC-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-BC-scrollbar-thumb:window-inactive {
background: rgba(186,35,35,0.4);
Now save your template Done!.....
but remember one thing that this this trick works only in Mozilla Firefox, google chrome, IE9+ browsers ......
Welcome To khatriscreation And Let Me First Introduce Myself. I’m Sudarshan khatri From Nepal And I Manage khatriscreation. I’m Not A Professional Blogger By Education I’m Self Trained Guy And I Am 13 Years Old. Well Talking About Me I’m A Normal Guy Who Lives The Life Fullest, Loves Searching New Things On Internet.I love to share my expenience and education to the peoples so i have managed this blog .khatriscreation is totally about blogging,seo,widgets and blogging tips.
ConversionConversion EmoticonEmoticon