Tutorial ini kita akan membuat variasi dengan Membuat Menu Vertikal Pada Css, disini terdapat garis (border) di setiap sisi kolom. lihat contoh dibawah ini pada saat mouse pointer kita menunjuk pada menu google maka akan secara terdapat efek warna kuning <html> * html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */ .wireframemenu ul{ .wireframemenu a{ .wireframemenu a:visited{ html>body .wireframemenu a{ /*Non IE rule*/ .wireframemenu a:hover{ </style>
Contoh :
Kode Script Lengkapnya
<head>
<title>My HTML Document</title>
<style type="text/css">
.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 170px;
}
width: 150px;
}
padding: 0;
margin: 0;
list-style-type: none;
}
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}
color: #595959;
}
width: auto;
}
background-color: #F8FBBD;
color: black;
}
</head>
<body>
<div class="wireframemenu">
<ul>
<li><a href="http://www.Google.com">Google</a></li>
<li><a href="http://www.Yahoo.com">Yahoo</a></li>
<li><a href="http://www.Friendster.com">Friendster</a></li>
<li><a href="http://www.blogspot.com">Blogger</a></li>
<li><a href="http:/www.okezone.com">Okezone</a></li>
<li><a href="http://www.Mtv.com">MTV</a></li>
</ul>
</div>
</body>
</html>
Sabtu, 01 November 2008
Menu Vertikal Css
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar