Cara Membuat Menu Drop Down Sederhana

Setelah kemarin saya posting jenis navigasi, sekarang kita mulai masuk tahap praktek. Untuk kali ini saya akan membuat menu drop down, masih ingatkan pembahasan kemarin. Kalau lupa bisa lihat lagi disini.
Hal yang harus dipersiapkan Anda sebelum praktek yaitu : Aplikasi Editor Text (bisa notepad, notepad ++, atau PSPad Editor), lalu Aplikasi Browser (seperti Mozila Firefox, google chrome dll).

Pertama buat file htmlnya simpan dengan nama index, yaitu :



Pada html diatas menu yang ada drop downnya yaitu pada menu kategori dengan bagiannya Desain Web, Internet, Komputer dan Pemrograman. Yang kedua yaitu pada about dengan bagiannya Kontak, Tentang dan FAQ.

Selanjutnya buat file cssnya dengan nama style sesuai dengan html diatas


Silahkan dicoba dan dimodifikasi agar kemampuan anda terasah, source diatas berasal dari cssmenumaker dengan sedikit perubahan. Semoga bermanfaat.

Posting Komentar