SAMPLE MENU


Pasang spoiler menu ini di blogmu.

Copas kode berikut di HTML/Javascript
<style text-type="CSS">
#bmenu{
position:fixed;
right:5px;
top:5px;
background-color:#000;
border-radius:10px;
-moz-border-radius:10px;
border:1px solid #FFF;
width:202px;
height:20px;
color:#FF0606;
transition:all .5s ease-in;-moz-transition:all .5s ease-in;-webkit-transition:all .5s ease-in;-o-transition:all .5s ease-in;z-index:3;overflow:hidden;padding:9px 15px 10px;}

#bmenu h3{
margin:0;
padding:0;
text-align:center;
cursor:pointer;}

#bmenu ul{
border-radius:10px;-moz-border-radius:10px;
border:2px solid #FFf;
background-color:#FF0606;
margin:15px 0;
padding:0 15px;}

#bmenu li{list-style:none;margin:0 0 5px;padding:0;} #bmenu li a{
color:#000;
text-decoration:none;
font-size:14px;}

#bmenu li a:hover{
color:#fff;}

#bmenu:hover{
z-index:5;
height:175px;
</style>

<div id="bmenu">
<h3>
SAMPLE MENU</h3>
<ul>
<li><a href="#">SS-1</a></li>
<li><a href="#">SS-2</a></li>
<li><a href="#">SS-3</a></li>
<li><a href="#">SS-4</a></li>
<li><a href="#">SS-5</a></li>
</ul>
</div>
Klik Save.

1 comment

15 Desember 2011 00.19

Kalau bikinnya ditambah javascript gimana sob? biar hide/show! sepertinya floatingnya muncul terus,,, pernah lihat di blog temen tuh floatingnya muncul kalau di scroll kebawah,,, bagus!! salam id.olterus.com

Posting Komentar

Konversi Kode
[Mulai Senin, 30 Januari 2012] Maaf, Jangan Masukkan Link Pada Komentar