kita ga perlu repot-repot dengan mengedit HTML nya,
sobat tingal masukan saja tambah gaget di tata letak kode di bawah
ini,...hanya dengan 2 klik sub menu sudah jadi D: dan jagan lupa ganti url dengan URL sobat
<style type="text/css">
#menuqu {
text-decoration:
none;
vertical-align:
middle;
}
#menuqu a {
border-top: 1px
solid #96d1f8;
background:
#65a9d7;
background:
-webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
background:
-moz-linear-gradient(top, #3e779d, #65a9d7);
padding: 5px 10px;
-webkit-border-radius:
8px;
-moz-border-radius:
8px;
border-radius: 8px;
-webkit-box-shadow:
rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow:
rgba(0,0,0,1) 0 1px 0;
box-shadow:
rgba(0,0,0,1) 0 1px 0;
text-shadow:
rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 14px;
font-family: Georgia,
serif;
display: inline;
width: 150px;
text-decoration:
none;
vertical-align:
middle;
}
#menuqu a:hover {
border-top-color:
#28597a;
background:
#28597a;
color: #ccc;
}
#menuqu a:active {
border-top-color:
#1b435e;
background:
#1b435e;
}
</style>
<div id="menuqu">
<a
href="http://maju-jaya2012.com/bahan-bangunan">
Beranda</a>
<a
href="http://maju-jaya2012.com/produk">
Kategori</a>
<a
href="http://maju-jaya2012.com/tokoonlinesubang">
Toko
Online</a>
<a
href="http://www.maju-jaya2012.com/keramik">
Gudang</a>
<a
href="http://www.maju-jaya2012.com/livechat">
Kontak</a>
<a
href="http://www.maju-jaya2012.com/layanan">
Layanan</a>
</div>
Tidak ada komentar:
Posting Komentar