The hand that rocks the cradle is the hand that rules the world.


Tutorial: List With Special Hover
Write by Mrs NorSalihah on Sunday, 6 October 2013 | 2 comments

بِسْــــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Assalamualaikum wbt.
Hi korg. Lama da sy x buat tuto. ^^ bz sangat ni sbb byk assignment yg nak kna buat.
Contoh mcm gambar kat bawah ni.




1. Copy code yg di bawah ni.
<style>
a.jijui{
background:url(URLICON);
background-repeat:no-repeat;
background-size:15px;
padding-left:20px;
color:#000;
margin-bottom:2px;
font:11px verdana;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
color:#000;
display:block;
}
a.jijui:hover{
background:url(URLICON);
background-repeat:no-repeat;
background-size:14px;
}
</style>
<a class="jijui" href="LINK" >AYAT</a><br>
<a class="jijui" href="LINK" >AYAT</a><br>
<a class="jijui" href="LINK" >AYAT</a><br>
<a class="jijui" href="LINK" >AYAT</a><br>

2. Paste kat mana2 yg korg nak ^^

3. Save.

URLICON - URL icon sebelum hover.
URLICON - URL icon selepas hover.
LINK - Link
AYAT - Ayat korg

Kat bawah ni, sy nak kongsi URL yg momei :3 amik lah klu suka ^^


http://media.tumblr.com/878e23cf0e479da44ad7f640cb399449/tumblr_inline_mjry6qNn4T1qdlkyg.gif

http://media.tumblr.com/c39bb7b6f6440c505d4496d3cfc8cffb/tumblr_inline_mjs1faOq2x1qdlkyg.gif

http://media.tumblr.com/3b19d829ba9545cce4804bb29bc1125e/tumblr_inline_mjs0rphdBk1qdlkyg.gif

http://media.tumblr.com/2389dd222c9c78ab7c528588b1f9782c/tumblr_inline_mjs0w2d4R51qdlkyg.gif

http://media.tumblr.com/a067c62877fe0c41c6fa6a175058a954/tumblr_inline_mjry4iYRc21qdlkyg.gif

                               



FUTURE
PAST