Stylish Scrollbar
<style type="text/css">
::-webkit-scrollbar { height: 12px; width: 17px; background: #CD6090; } ::-webkit-scrollbar-thumb { background-image:url(IMAGE URL HERE); border:1px solid #EEE0E5; -webkit-border-radius: 5ex; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75); } ::-webkit-scrollbar-corner { background: #transparent; } </style
- Copy the code above and paste it between <head> and </head> tags.
- Change the IMAGE URL HERE with url of image scrollbar you want example (http://i1197.photobucket.com/albums/aa436/amandaricka/scroll3.jpg)
- You can change the background colour if you want, find this tags ( background: #CD6090; ) change the color with html color code example #FFFFFF for white color.
unfortunately it’s only working on Google Chrome only!
**ask me if not working
UPDATE
how to make your own image for scrollbar
- Choose anything image and crop it, then resize the image width:8px height:50px
- then upload the image at image hosting site like tinypic, photobucket etc to get the url image.
