Tutorial Style Underline Hover



Bismillahirrahmanirrahim



Assalamualaikum awak semua . Nie nisa nak ajar macam mana nak buat underline hover macam nisa . Mesti ade yang tak tahu macam mana kan . Meh sini nisa tunjuk .

Before disentuh oleh cursor 

After disentuh oleh cursor 

Ouke sekarang dah tahukan macam mane , so jom mula .

 Dashboard   Design  Edit HTML  TICK Expand Widget Templates .
 Tekan (CTRL+F) Cari kod nie 
u { 
 Kalau tak jumpe kod u { , search code /* Header dan pastekan code u { di ATAS code /* Header tu.
 Pastu korang copy kod kat bawah nie dan paste kat bawah kod yang korang cari tadi . 
text-decoration: none;
color: #000000;
border-bottom: #F5A9D0 2px solid;
}
u:hover {
text-decoration: none;
color: #000000;
border-bottom: #000000 2px dotted;
}
 Preview dulu , then baru save .

Notes :
Biru > Colour huruf .
Merah > Warna underline sebelum disentuh oleh cursor .
Hijau > Ketebalan underline .
Kuning > Jenis underline sebelum disentuh oleh cursor (solid / dotted / dashed )
Purple > Warna underline selepas disentuh oleh cursor .
Pink > Jenis underline selepas disentuh oleh cursor (solid / dotted / dashed )
Code warna DISINI 

Tambahan 
 Kalau korang nak letak shadow , copy kod kat bawah nie dan paste kat bawah u { yer .
text-shadow: 2px 2px 3px #000000;
Merah > Korang tukar dengan warna shadow yang korang nak .

 Then preview dulu , pastu baru save kay . 


p/s : Kalau tak faham tanya yer . Kalau dah jadi ker tak ker komen yer . Sekian 






Terima kasih sudi baca . Suka ? Like jer . ehee .

0 Budak Comel Sudah Komen . Awak bila lagi ? ♥: