بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم
bismillaahirrahmaanirrahiim
السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Assalamu'alaikum warahmatullahi wabarakatuh
Dalam pembuatan sebuah web, navigasi menu memegang peranan penting dalam memberi petunjuk kepada visitor tentang kategori konten apa yang kita miliki. Penyajian menu secara dropdown dengan beberapa submenu, sudah sering kita jumpai dan sangat mudah kita jumpai contohnya dalam beberapa edisi tutorial bahasa indonesia. Dalam kesempatan ini, kita akan menyajikan tutorial bagaimana membuat mega menu dropdown dengan css, yang nantinya akan kita implementasikan dalam framework Bootstrap.Apa itu Mega Menu ? Jenis navigasi mega menu sering kita jumpai pada website e-commerce. Ada beberapa poin yang dapat kita simpulkan dari ciri-ciri mega menu, secara umum mega menu memiliki fitur berupa :- menu akan muncul secara dropdown ketika dilakukan mouse hover.
- menampilkan semua pilihan dalam panel yang besar.
- menggunakan icon atau gambar untuk membantu user.
- menyajikan konten terbaru yang berupa gambar, judul dan tanggal posting dari kategori menu yang kita klik.
Contoh Mega Menu
Berikut ini adalah contoh mega menu yang ditunjukkan oleh Gambar.1 dibawah ini : |
| Gambar.1 Mega Menu |
Ketika kita klik pada salah satu menu pada navigasi bar, maka sub-menu akan muncul secara dropdown. Pada sub-menu ini kita menggunakan image untuk mempermudah user dalam memahami penyajian konten yang terbaru.
Pada contoh yang kita sajikan, untuk semua menu kita menggunakan gambar yang sama. Anda dapat memodifikasikan gambar sesuai dengan keinginan anda langsung pada source codenya yang dapat anda download pada link "Download".
Update Contact :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email : Fajarudinsidik@gmail.com
NB :: Bila Sobat tertarik Ingin membuat software, membeli software,
membeli source code, membeli hardware elektronika untuk kepentingan Perusahaan maupun Tugas Akhir (TA/SKRIPSI),
Insyaallah Saya siap membantu, untuk Respon Cepat dapat menghubungi kami, melalui :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email: Fajarudinsidik@gmail.com
atau Kirimkan Private messanger melalui email dengan klik tombol order dibawah ini :
ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين
Alhamdulilah hirobil alamin
وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
wassalamualaikum warahmatullahi wabarakatuh
Artikel Membuat Mega Menu Dropdown , Diterbitkan oleh scodeaplikasi pada Jumat, 18 Desember 2015. Semoga artikel ini dapat menambah wawasan Anda. Website ini dipost dari beberapa sumber, bisa cek disini sumber, Sobat diperbolehkan mengcopy paste / menyebar luaskan artikel ini, karena segala yang dipost di public adalah milik public. Bila Sobat tertarik Ingin membuat software, membeli software,
membeli source code ,Dengan Cara menghubungi saya
Ke Email: Fajarudinsidik@gmail.com, atau
No Hp/WA : (fajar) : 085369237896, (puat) : 085267792168.
