Halaman

Rabu, 17 April 2013

Membuat Menu Drop Down

Setelah sekian lama absen ngeblog, iseng-iseng deh ngeposting sekalian membuat catatan pribadi dan juga berbagi ilmu dengan sesama, khususnya sesama manusia... wahahaha. (yang merasa jin jangan ngiri yak!).

Dalam kesempatan kali ini, saya selaku ketua erte, eh maaf salah itu mah teks pidato pesenan pak erte...

Dalam kesempatan kali ini ane ingin berbagi sedikit tentang Web Design, khususnya tentang mempercantik tampilan menu pada web, namun lebih ane spesifik lagi yaitu membuat menu drop down atau bahasa ilmiahnya "menu tibo mengisor" wahaha... 

Uokeh..!! yuk kita mulai yuk...!!!


Langkah pertama buat coding awalnya :

Langkah kedua tambahkan coding berikut didalam tag <head>, boleh sebelum atau sesudah tag <title>  :


Langkah ketiga yaitu menyisipkan tag <div> untuk memanggil id "menujatuh" :

jangan lupa memberi tag penutup untuk <div> :

kemudian di save pake nama apa aja, klo menggunakan notepad jangan lupa untuk menambahkan .html dibelakang nama filenya. Langkah terakhir jalankan file tersebut pada browser dan lihat hasilnya.

Coding ini hanya sekedar konsep dasarnya, kita masih bisa mengebangkannya lagi menjadi lebih bagus sesuai desain yang kita inginkan. Seperti, kita dapat menaruhnya didalam table sehingga kita bisa memberi  image pada background menunya.

Selamat Berkreasi, semoga bermanfaat.

Tidak ada komentar:

Posting Komentar