Jika sebelumnya saya sudah mem-posting tentang Menu Horizontal Bertemakan Kegelapan dan Vertikal 3D menu, sekarang saya akan share menu dengan tema abu - abu di bawah ini screnshotnya :
Seperti itulah bentuk menunya, warna kesukaan tuh warna abu - abu hehehe cocok untuk blog yang bertema cerah nih, dari pada penasaran silahkan langsung saja lihat sendiri bentuk menunya :
DEMO
Jika mau menggunakan menu ini silahkan:
1. Masuk di blog anda
2. Klik Rancangan / Tata letak
3. Klik Tambah Gadget
4. Pilih menu HMTL/Javscript
5. Masukan kode di bawah ini di kolom kedua
<ul class='nav'>
<li><a href='/'>Home</a></li>
<li><a href='#'> Menu 1</a></li>
<li><a href='#'> Menu 2</a></li>
<li><a href='#'> Menu 3</a></li>
<li><a href='#'> Menu 4</a></li>
<li><a href='#'> Menu 5</a></li>
</ul>
<style type="text/css">
.nav {
background: #EEE;
width: 100%;
float: left;
margin: 0;
padding: 0;
list-style: none;
border-top: 5px solid #CCC
}
.nav a {
position: relative;
color: #555;
display: block;
text-decoration: none
}
.nav li {
float: left;
width: auto;
border-right: 1px solid #d9d9d9
}
.nav li a {
font: bold 11px/15px Arial, serif;
padding: 10px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out
}
.nav li a:hover {
background: #CCC;
color: #F0A;
text-decoration: none;
}
</style>6. Silahkan rubah kode
# dengan URL anda, dan juga nama menunya jangan lupa di ganti :) setelah semua di ganti klik SIMPAN. usahain tempat menunya yang agak lebar biar menu nya makin mantep di lihat :).
