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.



Tidak ada komentar:

Posting Komentar

Popular Posts

Archives

Download

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes