Setelah 5 bulan blog ini tidak aktif, sekarang mulai aktif lagi :). Untuk membuat menu dropdown dari CSS, anda hanya membutuhkan sedikit coding. Trik menu CSS bisa membuat page load website anda lebih cepat.
Contoh script HTML
<html>
<head>
<title>JUDUL</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
ul {
padding: 0;
margin: 0;
list-style: none;
}
li {
float: left;
position: relative;
width: 10em;
}
li ul {
display: none;
position: absolute;
top: 1em;
left: 0;
}
li > ul {
top: auto;
left: auto;
}
li:hover ul { display: block; }
</style>
</head>
<body>
<ul>
<li>Menu 1
<ul>
<li><a href="">Home</a></li>
<li><a href="">Daftar isi</a></li>
<li><a href="">FAQ</a></li>
<li><a href="">About</a></li>
</ul>
</li>
<li>Menu 2
<ul>
<li><a href="">Menu 222</a></li>
<li><a href="">Menu 22222</a></li>
</ul>
</li>
<li>Menu 3
<ul>
<li><a href="">Menu 333</a></li>
<li><a href="">Menu 33333</a></li>
</ul>
</li>
</ul>
</body>
</html>
Jika anda sedikit kreatif, anda bisa mengembangkan code HTML diatas