"Petite mom in this big world"
ENTRY• Archive• LINKIES• Quotes

Tutorial: List With Special Hover
Sunday, 6 October 2013 • 17:57 • 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

                               


PASTFUTURE
Petite Mom

Hello! I'm NorSalihah. Petite mom to my fav daughter and having petite family in this big world. Having a bless marriage with my fav husband. This is my own blogskin coding. Gonna make another design for free.


Petite Family
Married to my love, Azizul Ghani. Mom to my dear daughter, Raudhatul Jannah