Saat ini, memiliki situs web sendiri bukanlah suatu kemewahan, melainkan suatu keharusan. Pembuatannya membutuhkan keterampilan dan pengetahuan html tertentu. Membangun situs web sederhana cukup mudah. Namun, mendekorasinya dan membuat elemen interaktif yang menyediakan fungsionalitas tambahan untuk situs akan menimbulkan kesulitan bagi seorang pemula. Salah satu elemen interaktif yang meningkatkan kenyamanan pengunjung situs adalah bilah gulir. Ini sangat berguna di bidang situs, yang menyediakan koneksi dengan skrip (interaksi situs dengan pengguna).
Itu perlu
Internet atau tutorial html apa pun
instruksi
Langkah 1
Hal terpenting di situs mana pun adalah keramahan pengguna. Gagasan menggunakan bilah gulir di situs Anda hanya akan sesuai jika penampilannya tidak ditentukan oleh keinginan Anda, tetapi oleh kebutuhannya. Buat tata letak halaman yang ingin Anda tempatkan bilah gulir. Pilih tempat untuk gulir (juga disebut bilah gulir).
Langkah 2
Pilih lokasi untuk bilah gulir di halaman situs yang Anda minati. Itu harus ditautkan secara kaku ke beberapa elemen (misalnya, kotak teks atau daftar drop-down). Anda harus menghitung tempat ini dalam piksel atau sebagai persentase. Hal ini tidak sulit dilakukan, apalagi jika tata letak situs memiliki struktur yang jelas.
Langkah 3
Di antara tag BODY Anda harus menambahkan kode pengguliran standar. Anda dapat menemukannya di tutorial html apa pun. Ada dua opsi - tambahkan cuplikan ini langsung ke kode html halaman, atau lampirkan di lembar gaya css. Metode kedua lebih nyaman jika Anda mengubah lebih dari satu halaman, tetapi seluruh situs sekaligus. Maka Anda harus memasukkan parameter warna bilah gulir, jika tidak maka akan menjadi abu-abu dan tidak menarik. Gambar menunjukkan dan memberi label pada elemen gulir. Parameter harus dimasukkan dengan cara yang sama seperti yang ditunjukkan pada gambar, dipisahkan dengan titik koma.
Langkah 4
Sekarang Anda pasti harus menguji modifikasi Anda. Untuk membuat scrollbar terlihat sama di semua browser, periksa di browser utama - Internet Explorer, Mozilla Firefox dan Opera. Jika tidak berhasil pada salah satunya, kembali ke langkah pertama dan perbaiki kesalahannya.
