Le' tutos

menu part 9

hover this

1) cari code ni </style>

2) pastkan code ni sebelum code yang korang cari

#tab {
background:#bdbdbd;
padding:7px;
width:130px;
display: inline-block;
transition: all 0.5s ease;
-o-transition-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
border-radius:5px;
text-align:center;
}
#tab:hover #tabi {
opacity:3;
-webkit-transition-duration:.7s;
overflow:hidden;
height:auto;
}
#tabi {
font-family: calibri;
font-size: 12px;
margin-top:1px;
margin-left: -7px;
position:absolute;
overflow:hidden;
line-height: 20px;
padding: px;
opacity:0;
transition: all 0.5s ease;
-o-transition-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
width:150px;
}
#tabi a{
background:#bdbdbd;
color: #fff;
width:144px;
text-align:center;
display:block;
line-height: 20px;
transition: all 0.5s ease;
-o-transition-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
border-top:3px solid #fff;
}
#tabi a:hover{
color:#fcc;
background: #fff;
opacity:100; transition: all 0.5s ease;
-o-transition-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}

3) cari code <body>

4) paste code ni selepas code yang korang cari

<div style="left: 15px; position: fixed; top: 8px;">
<div id="tab">
hover this
<br />
<div id="tabi">
<a href="http://www.blogger.com/blogger.g?blogID=7203879640972220654">home</a>
<a href="http://www.blogger.com/blogger.g?blogID=7203879640972220654">about</a>
<a href="http://www.blogger.com/blogger.g?blogID=7203879640972220654">link</a>
<a href="http://www.blogger.com/blogger.g?blogID=7203879640972220654">credit</a>
<a href="http://www.blogger.com/blogger.g?blogID=7203879640972220654" style="border-radius: 0px 0px 10px 10px;">site</a>
</div>