Bilah gulir adalah fungsi serbaguna yang membuat bekerja dengan situs web apa pun lebih nyaman dan lebih cepat. Pada saat yang sama, pemilik situs lebih suka memasang di halaman mereka tidak hanya berguna, tetapi juga add-on cantik yang cocok dengan desain dengan skema warna keseluruhan halaman. Pada artikel ini, kami akan menunjukkan cara memasang scrollbar berwarna di situs web Anda. Ada beberapa cara untuk melakukan ini, dan salah satunya adalah kode siap pakai yang dapat diinstal di halaman mana pun Anda ingin mengubah bilah gulir.
instruksi
Langkah 1
Pilih halaman yang akan diedit dan salin kode HTML-nya ke notepad.
Setelah tag, rekatkan kode:
body {scrollbar-face-color: #5997CA;
scrollbar-bayangan-warna: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #5997CA;
scrollbar-darkshadow-color: #5997CA;
scrollbar-track-color: # F6F6F6;
scrollbar-panah-warna: # F6F6F6; }
Langkah 2
Dalam kode, sesuaikan nilai warna di depan setiap parameter sesuai keinginan: warna bilah gulir, warna panah, warna latar belakang bilah gulir, warna batas, pemisah bilah, dan seterusnya.
Ini adalah cara paling sederhana, tetapi selain itu ada satu lagi - simpan kode yang sama dengan pengaturan warna bilah gulir Anda sebagai file css dan muat di halaman. Untuk melakukan ini, buka kode di atas tanpa tag di notepad. Simpan file kode dan beri nama scroll.css. Kemudian unggah ke server di tempat yang sama dengan halaman tempat Anda ingin mengubah bilah gulir.
Langkah 3
Jika Anda tidak tahu huruf warna dalam HTML, cari di Internet untuk tabel apa pun dengan simbol-simbol ini. Ini akan membantu Anda menghubungkan kode dan warna, dan memilih warna yang tepat untuk desain situs web Anda.
