Membuat Simple Drop Down Menu (CSS HTML Only)
Posting kali ini membahas tentang CSS, yakni membuat drop down menu sederhana ( pake HTML & CSS aja ya :D ).
Dibuat sesederhana mungkin agar mudah dipahami (ada video tutorialnya lho).
Ok langsung aja...
Pertama, buat file HTML nya dulu, misal index.html seperti berikut:
Kalau kita buka di broswer, tampilanya masih tampak ul (unordered list) nya, seperti ini:
Kemudian, buat file CSS nya, simpan dengan nama misalnya style.css difolder yang sama dengan file index.html, berikut kodenya:
Setelah disimpan, silakan buka lagi index.html di browser maka akan tampil seperti ini:
Jadi deh, mudah kan.... Lebih jelasnya ane coba praktekan langkah-langkahnya di video berikut:
Silakan kembangkan lagi sesuka kalian, Source Code bisa didownload disini.
Semoga bermanfaat ya....
tapi kga' bsa ko'
ReplyDelete@ikbal >> ga bisa kenapa kang??
ReplyDelete@ Agus >> sama sama gan, makasih jg udah mampir..