Tutorial : Underline hover II

Sebelum hover

Selepas hover

Nak buat tak underline macam atas tu? Kalau nak buat, ikut step yang berikut..

1) Log in > Dashboard > Design > Edit Html

2) Search code

/* Header

3) Copy code ni dan paste kan di atas code yang korang cari tadi...

u {
text-decoration:none;
color: #000000;
border-bottom: 2px solid #D0A9F5;
}
u:hover {
text-decoration:none;
color: #D0A9F5;
border-bottom: 2px dotted #000000;
}

4) Preview dulu, kalau tak ada error, terus save..

Merah : Warna text underline (sebelum hover)
Oren : Watna border (sebelum hover)
Biru : Warna text underline (selepas hover)
Pink : Warna border (selepas hover)

#Boleh cari kod warna di sini!