menu dropdown hanya dengan css

Pasang ini dulu pada css, klo mwb gunakan css import
ul.menu { margin: 0; padding: 0;} ul.menu, ul.menu ul.sub-menu { padding:0; margin:0; text-align:center; opacity:.9 } ul.menu li, ul.menu ul.sub-menu li { list-style:none; } ul.menu li a, ul.menu li ul.sub-menu li a { text-decoration:none; color:#fff; background:#666; padding:5px; display:block } ul.menu li a:hover, ul.menu li ul.sub-menu li a:hover { background:#333;color:#fff; } ul.menu li ul.sub-menu { float:none;margin:5px 0 0;border: none !important; display:none } ul.menu li:hover ul.sub-menu { display:block }

Lalu pasang html ini, klo mwb di navigasi oke, dan ganti semua tanda #1,#2, #3, url gambar dengan url link & url gambar anda
<ul class="menu"> <li><a href="#menu">MENU</a> <ul class="sub-menu"><li><a href="#1">Sub Menu 5.1</a></li> <li><a href="#2">Sub Menu 5.2</a></li> <li><a href="#3">Sub Menu 5.3</a></li> <li><img src="http:// url gambar"></li> </ul></li> </ul>



Penting Dibaca :

1. Didalam terdapat kode #menu jika ingin membuat menu dropdown nya 2 didalam 1 halaman maka #menu ganti dengan dengan yang lain, terserah misal #menu1

• Demo Klik Disini
  • Sub Menu 5.1
  • Sub Menu 5.2
  • Sub Menu 5.3
  •