t u t o r i a l s i t e

Tutorial: Link Hover

Wednesday, June 22, 2011 - 0 comment

Assalamualaikum

Request from Erin

Seperti yang anda tahu, tutorial kali ni macam mana untuk letak link hover dengan background animated. Gambar dibawah, ada link hover kerana di header saya ada link.

Lets start.

1 - Dashboard > Design > Edit HTML

2 - Gunakan function CTRL + F untuk memudahkan pencarian dan cari code dibawah.
a:hover{ atau a:hover {

3 - Sekarang copy code dibawah.

color:#000000; background:url(URL GAMBAR);
background-repeat:repeat;
text-decoration:none
}

Purple; URL gambar
*recommended site ━ glitter-graphics

4 - Save & done

Recommendation;

http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif

http://dl.glitter-graphics.net/pub/1274/1274791or8ew5kzx6.gif

http://sl.glitter-graphics.net/pub/602/602355k2suf9v03y.gif

Cara untuk ambil gambar dari recommended site;

1 - Cari gambar yang korunk nak, then tekan pic tu.

Contoh:-

2 - Then scroll bawah sikit, nanti nampak yang macam ni

3 - Pilih code yang dekat kotak ke-2 tu, then paste dekat notepad atau mana-mana sebelum diletakkan dalam EditHTML.

ex:

[url=http://www.glitter-graphics.com][img]http://dl9.glitter-graphics.net/pub/690/690739pesbqr6dqw.gif[/img][/url]

Hanya ambil code sebelum [img] dan selepas [/img]

4 - Paste url dan done

Goodluck.

Labels: Tutorial