Cari Artikel Blog Ini

Total Tayangan Laman

CARA PEWARNAAN SCROLLBAR PADA ELEMEN HALAMAN

Scrollbar yang ditampilkan pada blog secara default berwarna putih. Mungkin pada sebagian blog warna tersebut kurang sesuai dengan warna dari bagian-bagian lainnya.
Sekarang anda dapat menyesuaikan warna scrollbar tersebut sehingga penampilannya lebih serasi dengan warna yang telah ada.
Ikuti Langkah-langkahnya :
  • Kode untuk sebuah elemen halaman yang memiliki scrollbar secara umum adalah seperti dibawah ini :


    <div style="overflow:auto;width:200px;height:450px;padding:5px;border:1px solid blue">

    Isi dari Elemen halaman

    </div>



  • Tambahkan kode untuk memberi warna pada scrollbar dengan penempatannya seperti dibawah ini :


    <div style="scrollbar-3dlight-color:#C3D9FF;
    scrollbar-arrow-color:#003366;
    scrollbar-base-color:#ff6347;
    scrollbar-darkshadow-color:#66B5FF;
    scrollbar-face-color:#0066CC;
    scrollbar-highlight-color:#C3D9FF;
    scrollbar-shadow-color:#C3D9FF;
    scrollbar-track-color:#0066CC;

    overflow:auto;width:200px;height:450px;padding:5px;border:1px solid "#0066CC">

    Isi dari Elemen halaman

    </div>



    1. Yang dicetak merah adalah kode yang harus anda tambahkan

    2. Kode warna pada kode-kode diatas merupakan kode warna yang digunakan EPG Studio. Silahkan anda ganti dengan warna kesukaan anda.


Mudah bukan...??Silahkan anda coba dan jangan lupa variasikanlah warna dari scrollbar agar blog anda semakin cantik.

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
2 Comments

2 komentar :

smpn1sucinaraja mengatakan...

hade pisan lah tutornya

smpn1sucinaraja mengatakan...

tambah lagitutor yang terbaru dan terunik bro

Poskan Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!