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 .

---