Le' tutos

tab menu (part 6)

ok ce test halakan cursor korang dekat bulat bulat bawah ni :

one two three

nampak tak benda tu berpusing-II macam gasing ? ahaha XD

nak buat ?

sebelum tu ! tuto ni untuk CLASSIC TEMPLATE sahaja. kalau nak guna untuk DENIM TEMPLATE sila bagitahu fara sbb fara malas nak buat sekarang huehuehue ~(-_-~)

1) cari code bawah ni

</style>

2) dah jumpa ? copy dan paste code bawah ni dekat atas code yang korang cari tadi

.navi {
position: fixed;
margin-top: -68px;
margin-left: 358px;
}
.navi a {
display: inline-block;
width: 50px;
height: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
background-color: #bdbdbd;
padding: 5px;
font-family:verdana;
font-size: 11px;
color: #848484;
text-transform: lowercase;
line-height: 50px;
text-align: center;
text-decoration: none;
margin-left: 5px;
opacity: .3;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.navi a:hover {
background-color:#bdbdbd;
color: #848484;
opacity: 1;
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
}

3) cari code ni pulak

<body>

4) pastekan code ni selepas code <body>

<a class="navi"a href="LINK ANDA">home</a> 
<a class="navi"a href="LINK ANDA">about</a> 
<a class="navi"a href="LINK ANDA">stuff</a> 
<a class="navi"a href="LINK ANDA">link</a> 
<a class="navi"a href="LINK ANDA">site</a>

5) preview, save .