Underline Hover

Assalammualaikum. Today , tutorial Underline Hover. Tahu x underline Hover tu ape ? Maksudnye , bila cursor sentuh Underline , dia kan berubah. x tahu nak explain. Cube aje lha !

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates

2. Tekan CTRK+F dan cari kod nih : /* Header

3. Copy kod ni pulak :

 u {

text-decoration:none;
border-bottom: 2px solid #FFFFFF;
padding: 0px;
}
u:hover {
text-decoration:none;
border-bottom: 2px dotted #FFFFFF;
padding: 0.1px;
}

4. Paste kat mana ? Paste kan di atas kod yg korang search tadi.

5. Preview dulu , and baru save .

* Yang warna biru tu , ketebalan underline.

* Yang merah tu , boleh tukar dengan , solid / dotted / dashed. Kalau x nak tukar pon x ape.

* Hijau pulak kod warna. Boleh amik di sini 

- Tengok lha jadi ke x :) -