Halo, shockacoller! Pada tutorial kali ini saya akan membahas tentang tutorial membuat menu dropdown sederhana pada html dan css. Nah bagi yang belum tahu apa sih itu menu dropdown? Dropdown menu adalah menu yang mempunyai submenu di dalamnya. Jadi, ketika kita arahkan kursor ke menu tersebut maka akan tampil submenu yang memanjang kebawah / ke samping dan di dalamnya terdapat submenu (lagi). Gimana sudah terbayang kita akan membuat ‘makhluk’ apa? hehe. oke, kira-kira penampakannya seperti dibawah ini:
nah sekarang kalo sudah tahu apa yang mau kita buat, mari kita membuat codingnya. Check it out!
Langkah pertama buka editor kesayangan kalian, saya disini menggunakan sublime text. 😀
Buat coding html seperti dibawah ini, beri nama dropdown.html
Oke setelah kita membuat coding htmlnya, mari kita percantik tampilannya menggunakan CSS. Buat coding CSS seperti dibawah ini, beri nama style.css
Kalo udah disimpan semua, silahkan jalankan file dropdown.html. maka tampilannya kurang lebih seperti gambar diatas.. Sekiann tutorial kali ini, selamat berjumpa dilain kesempatan. 😀
abang oliji mungkin bisa dibantu bagikan sourcecodenya?
LikeLike