A.Pendahuluan
Assalamu’alaikum Wr.Wb. Hay hays kembali lagi di blog sederhana saya, pada kesempatan kali ini saya akan melanjutkan proses pembuatan layout yang saya buat sebelumnya. Baca Juga Cara Membuat Tampilan Header Menu #1.
Assalamu’alaikum Wr.Wb. Hay hays kembali lagi di blog sederhana saya, pada kesempatan kali ini saya akan melanjutkan proses pembuatan layout yang saya buat sebelumnya. Baca Juga Cara Membuat Tampilan Header Menu #1.
B.Latar Belakang
Dalam kesempatan ini saya akan sharing sedikit bagaimana membuat sebuah Menu Hover Dropdown HTML CSS.
C.Maksud dan Tujuan
Dalam kesempatan ini saya akan sharing sedikit bagaimana membuat sebuah Menu Hover Dropdown HTML CSS.
C.Maksud dan Tujuan
Ingin membuat suatu layout website.
D.Pembahasan
D.Pembahasan
Pada hari kemarin kita telah membuat Header Menu Simple selanjutnya disini saya akan sedikit modifikasi Header Menu nya menjadi Hover Dropdown. Ok langsung saja kita mulai lanjutkan yang kemarin kita buat.
Nah pada gambar dibawah kita buat lagi tag <li> yang dimana pada tag <li> Menu kita menambahkan tag <div> dan di dalamnya dimana tag <div> berfungsi sebagai pemecah suatu laman website.
 |
| File HTML |
Setelah sudah selanjutnya kita ke File CSS untuk membuat script CSS untuk dropdown nya. Contoh seperti gambar di bawah.
 |
| File CSS |
 |
| Hasi dari HTML CSS |
E.Kesimpulan
Sebaiknya dalam pembuatan sebuah layout website file HTML dan CSS dipisah agar proses pembuatan menjadi lebih teratur dan enak di pandang. Download W3School Offline Google Drive.
Sebaiknya dalam pembuatan sebuah layout website file HTML dan CSS dipisah agar proses pembuatan menjadi lebih teratur dan enak di pandang. Download W3School Offline Google Drive.
F.Penutup
Itulah tadi sedikit sharing dari saya semoga dapat bermanfaat, Waasalamu’alaikum Wr.Wb.
G.Referensi
Teman-Teman Di BLC Telkom Klaten
Comments
Post a Comment