Tutorial : Unique Link Hover

Assalamualaikum and annyeong!

Hari tu NS ada ajar tutor Double Dashed Link Hover. Tutorial yang ni lebih kurang sama je dengan tutor tu. Cuma, link hover bagi tutor nie sangat unik dan boleh la dikatakan 'cute'. (hehehe) Nak tengok contoh tak? Ade kat bawah.

Unik tak? Kalau nak try, sila ikut step di bawah.

1. Dashboard > Template > Edit HTML

2. Korang cari kod nie a:hover {

3. Korang nampak tak bawah kod a:hover { ada kod (warna biru)? Macam ni :

4. Then, korang padam kod berwarna biru tu, dan gantikan dengan kod di bawah.

color: #ffffff;
background:#57D0F9;
text-decoration:none;
border: #ffffff 2px dashed;
padding:3px 5px;
-moz-border-radius:10px;
}

Note : 

* merah : warna background link hover korang

* oren : warna boader link hover

* pink : ketebalan boader link hover

* hijau : boleh pilih sama ada nak buat solid, dashed atau dotted

* biru : Kod ni sangat penting coz kod inilah yang mencantikkan lagi link hover korang. Kalau nak ubah boleh, tak nak pun tak pe (tak marah pun ^^). Pandai-pandai la buat uji kaji yup!

p/s : kod warna boleh dapatkan di SINI


5. Ok, kalau dah siap boleh tekan SAVE template. Selamat mencuba! Annyeong.