Menu diatas merupakan contoh Menu Drop-Down Unik...
Menu tersebut sangat cocok untuk tampilan blog anda karena ukuran dan tampilan yang unik yang cocok untuk tampilan di menu blog anda..
Tertarik untuk memasangnya?
Oke Langsung saja Copy Paste kode nya dibawah ini :
<!--Menu Drop-Down Unik-->
<center><div id="menu">
<ul>
<li><a class="current" href="http://www.kikiyo.co.cc">Home</a></li>
<li><a href="http://facebook.com">Facebook</a></li>
<li><a href="http://id.yahoo.com">Yahoo!</a></li>
<li><a href="http://twitter.com">Twitter</a></li>
<li><a href="http://www.youtube.com">Youtube</a></li>
</ul>
</div></center>
<style>
*{
margin:0;
padding:0;
}
#menu{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyQGsHpGnxM7NPbQ3D6odClD6_U9mAgeiGaCRPXQhYrdClRrdHMIxZ6EaJREf_KrerKBPfkmnb7DT6TilqUUrzPiEwFbHmX9HPdxaJrk8RmgjR8oEnH0V4qQ7Ccvm1_RwsLCVWaoDP8Po/s1600/menu_026_bg.jpg) no-repeat;
width:172px;
height:193px;
padding:15px;
}
#menu ul{
list-style:none;
padding:0 0 0 8px;
}
#menu li{
list-style:none;
display:block;
padding:10px 0;
}
#menu li a{
list-style:none;
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtgiANLrT2t1WlVDrNHsUhW-dJGSsS6ze81mPeEaBZ9JWdtcjXKdxIv3I6sHZlDqIH2qbr5YLSZMVp9-VH5BTLJJqnWfjlL-aqjY1wGZgAiUD_elfXmif-gUs8YSx7wTvjNaTqUL3y5Fct/) no-repeat left center;
color:#ffe991;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
line-height:1.5em;
text-decoration:none;
padding:0 5px 0 25px;
}
#menu li a:hover{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFKVSWWfVMCUaqFh7bSa-pcOgFkS4ZwlA6K7fPUSj0s8iAd-gK_W7y40GU6wAO3GvHwgcU2qzl_S5Zr1FufKodsChncx9OJg4KdWPBhp4pvV5wLpUiSrTgq0BxkjWjm__Xv-297nC1VNF9/) no-repeat left center;
color:#fff;
text-decoration:none;
}
#menu li .current{
list-style:none;
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFKVSWWfVMCUaqFh7bSa-pcOgFkS4ZwlA6K7fPUSj0s8iAd-gK_W7y40GU6wAO3GvHwgcU2qzl_S5Zr1FufKodsChncx9OJg4KdWPBhp4pvV5wLpUiSrTgq0BxkjWjm__Xv-297nC1VNF9/) no-repeat left center;
color:#fff;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
text-decoration:none;
padding:0 5px 0 25px;
}
#menu li a.current, #menu li a:hover.current{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFKVSWWfVMCUaqFh7bSa-pcOgFkS4ZwlA6K7fPUSj0s8iAd-gK_W7y40GU6wAO3GvHwgcU2qzl_S5Zr1FufKodsChncx9OJg4KdWPBhp4pvV5wLpUiSrTgq0BxkjWjm__Xv-297nC1VNF9/) no-repeat left center;
color:#fff;
text-decoration:none;
}
</style>
<!--By Www.kikiyo.co.cc-->
0 komentar: