Wednesday 16 May 2012

Link Hover (Shadow)

Kalau korang guna tuto ni kan.. Kan.. Bila orang sentuh link korang, kat belakang dia nanti keluar shadow. Bayang-bayang laaa..

1) Dashboard > Design > Edit HTML

2) Tekan Ctrl dan F, carik kod ni:

a:hover {

3) Pastekan kod ni kat bawah kod tadi:

 text-shadow:2px 2px 3px #000000;

Merah- Tukarkan tu ikut kod warna yang korang nak. Tu warna bayang-bayang tau!

4) Save Template!

Nota: Kalau kod 'a:hover {' tu tak ada, korang follow step ni pulak:

1) Dashboard > Design > Edit HTML

2) Tekan Ctrl dan F, carik kod ni:

a:link {

3) Pastekan kod ni kat bawah kod tadi:

a:hover {
text-shadow:2px 2px 3px #000000;
}

Merah- Tukarkan tu kepada kod warna yang korang nak. Tu untuk warna bayang-bayang tau!

Bila korang buat, kod dia sepatutnya jadi macam ni:


4) Dah siap just klik Save Template

No comments: