Sebelumya saya sudah memposting tutorial ini, namun pada tutorial kali ini ada tampilan yang berbeda sedikit, CSS yang saya renovasi memang sedikit, tapi simple, untuk demonya lihat scrollbar blog ini, oke kita lihat dulu tampilan scrollbarnya, lihatlah gambar di bawah ini:
CSS:
::-webkit-scrollbar{background-color:#e6e6e6;}::-webkit-scrollbar-thumb{background-color:#03a1d5;}::-webkit-scrollbar-thumb:active{background-color:#008bb9;}::-webkit-scrollbar-button{background-color:#aaa;}::-webkit-scrollbar-button:active{background-color:#888;}::-webkit-scrollbar-button:disabled{background-color:#fb9521;}
Postingan kali ini pendek dulu, karena saya ngantk, dan capek, saatnya untuk tidur, insya Allah besok saya lanjutkan lagi postingan ini.
Artikel Keren Lainnya:
tidak berlaku di firefox dih
BalasHapusya emang kode itu tidak berlaku di firefox, klo gk salah harus masukin kode -moz-gk tau lagi :v, lupa sob
Hapussaya juga sudah memakai CSS, dengan cara -moz-scrollbar{kode disini}, supaya bisa terpakai di mozila firefox, tetapi sofware mozila firefox belum mendukung tampilan scrollbar dengan style. Sampai saat ini saya belum pernah liat website pake style scrollbar di mozila firefox.
Hapusmemang itu benar,kenapa tidak beralih aja ke chrome? xV
Hapusiya sob saya suka memakai google chrome, karna software google chrome sudah mendukung CSS di website, dan saya mau tanya sob klo cara menambahkan kode "pre" di komentar blog gimana itu lho style untuk konversi kode B)
Hapuswew,sayang q gk punya crhome
BalasHapuscoment back sob http://akisada-ryo.blogspot.com/2013/08/cara-daftar-dan-klaim-blog-di-technorati.html
di jamin alexa bisa turun dengan cepat
saya juga gk punya software apa-apa ini software yang ada di komputer saya sudah ada dari tokonya, hehe, oke sob saya kunjungi balik, trimakasih sarannya :D
Hapusuntuk Mengganti Lebarnya Gimana
BalasHapustinggal atur widthnya gan...
Hapus::-webkit-scrollbar{
width:??????px;
}
Ubah kode yang pertama sob jadi seperti ini:
Hapus::-webkit-scrollbar{background-color:#e6e6e6;width:12px}
lalu atur width:12px jadi width:15px disesuaikan saja ya, sesuai selera sobat
@val111 makasih sudah membantu saya menjawab pertanyaan