" F l o w e r "

flaw

Hai Welcome Here


" Welcome to my bittersweet diary "

We can chatting here

<>




Tutorial Perkataan Arial Hover - Hliang Sendiri!}
Wednesday, January 25, 2012 | 10:25 PM | 0Comment


Salam.. Tuto seterusnya ialah perkataan Arial Hover - Hilang! Hilang?? Macam mana tu? Cuba tengok contoh kat bawah

Cuba cakap- Alhamdulillah..

Cuba lalukan cursor kat situ. Alamak, hilang kan? Nak buat camtu?

1. Dashboard > Template > Cari a:hover
2. Bawah tu ada kod banyak2 kan? Contoh kod Husna-

a:hover {
color:#808080;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding:2px;
}


3. Paste kod bawah ni di BAWAH kod banyak2 tu.
 i {
color:#fff;
text-decoration:none;
background:#ffbdcb;
padding:2px;
border-radius:5px;
}


i:hover {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding: -3px;
background:#fff;
}
4. Nanti jadi camni - contoh...

a:hover {
color:#808080;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding:2px;
}

i {
color:#fff;
text-decoration:none;
background:#ffbdcb;
padding:2px;
border-radius:5px;
}



i:hover {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding: -3px;
background:#fff;
}


3. UNGU- background text nanti
    BIRU- jangan ubah!

4. Dah siap? Cer preview dulu. Kalau jadi, savekan!