Create a Scrollbar

My friends have been asking me: "How do I create a Scrollbar myself? I mean, with the picture or the color I wish?"

Here's the code:

1º codigo:
::-webkit-scrollbar {
width: 8px;
height: 0px;
}
::-webkit-scrollbar-track {background: #ff48e1;}
::-webkit-scrollbar-thumb {background: #a43091;}
::-webkit-scrollbar:double-button {background: #ff48e1;}
::-webkit-scrollbar-track-piece {background: #ff48e1;}
::-webkit-scrollbar-thumb:vertical {background: #a43091;}

::-webkit-scrollbar {
background-image: url (‘http://img94.imageshack.us/img94/176/pompoms.png’);
box-shadow: 0px 0px 10px #000000;
width: 50px;
}
::-webkit-scrollbar-thumb {
background-image: url (‘http://img811.imageshack.us/img811/3752/pompppons.png’);
width: 30px;
}

/* Scrollbar */
::-webkit-scrollbar {
width: 11px;
height:0px;
}
::-webkit-scrollbar-track {
background: #A5DF00;
}
::-webkit-scrollbar-thumb {background-color: #fff;
background-position: center;
border-radius: 5px;}
::-webkit-scrollbar:double-button {background: #A5DF00;}
::-webkit-scrollbar-track-piece {background-color: #;
box-shadow: 0px 0px 5px #000;}

:-webkit-scrollbar {background-color: #fff;
box-shadow: 0px 0px 5px #000000;
width: 10px;}
::-webkit-scrollbar-thumb {background-image:url(‘http://oi49.tinypic.com/2evryvm.jpg’);
box-shadow: 0px 0px 2px #000000;}