Sunday, 24 June 2012

Underline + hover ke bawah

Assalammualaikum :)
Contoh underline Anis : Poyo Sangat Comel !
Garisan dia bile di hover ke bawah dan hilangkan ? Smart tak ? Anis cuma nak sharing :)
Dashboard > Design > Edit Html .

Mule2 carik kode :
u {
Kalau tak ade kode tu tambahkan je kode u { di atas kode :
/* Header
Now, korang dah ade u { .. pastu copy kode bawah ni dan paste di bawah u { k . 
text-decoration:none;
color:#999999;
padding: 2px;
line-height: 10px;
border-bottom: 2px solid #99E0FF;
-webkit-transition: 0.5s;
}
u:hover {
color:#01A9DB;
border-bottom: 6px solid transparent;
-webkit-transition: 0.5s;
}
Save . Tengok kat underLine korang, jadi tak ? >_^