Mega Menu, Solusi Untuk Menu Web Yang Seabrek

Barusan saya ikutan jadi tukang cat untuk tampilan sebuah Sistem Informasi Akademik dari salah satu Politeknik di Indonesia. Nah salah satu penekanan pada saat mau ngecat adalah bagaimana cara merapikan menu yang seabrek jumlahnya. Dari desain sebelumnya terlihat kacau dengan menu yang nampak berserakan disana sini. Akhirnya memutuskan menggunakan mega menu css untuk merapikannya. Hasilnya? mari kita lihat bersama

Ini desain awalnya

 

Ini setelah di cat ulang

Dengan menggunakan mega menu, maka menu yang banyak bisa dikelompokkan dengan rapi dan yang paling saya senengi adalah untuk mega menu yang saya pakai tersebut murni css dan di IE langsung jalan juga. Model mega menu yang saya pakai mengikuti tutorial dari sini.

Sengaja desainnya dibikin simpel dengan mengandalkan gambar besar sebagai background seperti yang lagi ngetren saat ini. Terkait dengan mega menu, beberapa website juga menggunakan mega menu dan juga bakground gambar yang besar, liat aja listnya di bawah ini.

Adidas

 

Northern Tool + Equipment

 

Get London Reading

 

CSS Layout

 

Be Sociable, Share!

Related Posts:

5 Comments

Add a Comment

Your email address will not be published. Required fields are marked *