Scrollbar with Background Image
03/02/16
:: PREVIEW ::
Template Designer
1. Dashboard > Design > Edit HTML
2. Tekan Ctrl + f dan cari code /* Header
Template Classic / Blogskin
1. Dashboard > Template
2. Tekan Ctrl + f dan cari code </style>
3. Copy code di bawah ni
::-webkit-scrollbar { width: 8px; height: 8px; }4. For template designer paste di atas code /* Header
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background: #fff; }
::-webkit-scrollbar-track-piece { background: #FFFFFF; }
::-webkit-scrollbar-thumb { border-radius: 1px; height: 50px;
background-image: url(URLIMG); }
::-webkit-scrollbar-thumb:hover { background-color: #eee; }
5. For template classic paste di atas code </style>
6. Preview & save
Merah: width & height. Bole adjust.
Purple : URL background
credit: Atiqah
Label: Tutobies
0 comments
