Tutorial Tab Menu macam saya

Friday, July 01, 2011

uke . . request by Cik Neeha . .

uke . sekarang kita mula . .

pergi Design > Edit Html > cari code ]]></b:skin>





/* menu bar */
#menubar{
margin: 0;
padding: 6;
float:center;
border:0px solid #ffffff;
width:100%;
background:#ffffff;
}
#menubar li{
margin-left:30px;
padding: 0;
float: left;
list-style: none;
font: bold 14px arial;
}
#menubar li a{
display: block;
margin: 10px;
padding: 13px 10px;
background: #e6b2ff url(link gambar);
color: #e6b2ff;
text-align: center;
text-decoration: none;
border:2px dashed #ffa9c7;
}
#menubar li a:hover{
background: #e6b2ff url(Link gambar) ;
}
#menubar div{
position: absolute;
visibility: hidden;
}

copy code dekat atas dan paste sebelum code ]]></b:skin>
uke . . dah siap save saja . . next step . . 

pergi Design > Page element > Add HTML 

<center><ul id="menubar"><center>
<li><a href="LINK">Nama tab</a></li></ul></center>


letakkan code di atas . kalau nak letak banyak just copy code yang saya sudah bold itu sahaja . uke . tak faham tanya . 

You Might Also Like

4 comment

Assalamualaikum . . Hi peoples  . . Currently leave UR comment here . .I will reply soon as fast as I could . .Do drops UR link . . please don't SPAM ! ! 

Like us on Facebook

Flickr Images