Tutorial Scrollbar

1. Design > Edit HTML.
2. Copy any scrollbar code below and paste after/below
/* Content
----------------------------------------------- */
3. Preview > Save Template.

::-webkit-scrollbar {
width: 7px;
height: 7px;
background: url(URL BACKGROUND);
border: 3px solid #fff;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background: url( URL BACKGROUND);
border: 1px solid #fff;
}

::-webkit-scrollbar {
width: 7px;
height: 10px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 10px;
width: 7px;
display: block;
background: #fff;
border: 1px solid #000;
}
::-webkit-scrollbar-track-piece {
background: #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fff;
border: 1px solid #000;
}

4 comments:

I don't approve harsh comments (: