Only Your ;
ABOUT ENTRY Tutorial linkies Goodies REQUEST TIPS follow
Tutorial Image hover
Friday, June 29, 2012 2 Comments
Assalamualaikum
Tumblr_luzam9ecws1r3pl8zo1_500_large


hari ni hanah nak buat tutorial image hover pasuh ada navigate tu :) . Ha kalau korang tak tahu cuba ngala kan cursos anda ke image yang dekat LE OWNER tu ha dibelakang image tu ade navigate right ? Ha hanah buat sebab ade orang tanya ->iaitu Mr purple , so hanah pun buat kan lar k ..tapi ni untuk classic template je . kalau simple template hanah tak tahu :)


Step1-->Dashboard->Template->Edit HTML

Step2-->CTRL + F cari code </style>

Step3-->Copy code dekat bawah ni and pastekan dekat sebelum </style> tak kisah la dekat mana mana asalkan sebelum code </style>


.han{width:270px;height:200px;display: inline-block;overflow:hidden;background-color:#000;border-radius:10px;}
.kpop{width:270px;height:170px;padding-top:5px;display: inline-block;text-align:center;font-size:10px;color:#969696;background-color:#000;border-radius:10px;}
.kara{width:270px;}
#snsd{margin-left:-270px;-webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out;}
#snsd:hover{margin-left:0px;}

#junior{ background:#eee ;font-size:10px;width:240px;height:170px;opacity:0.00;-webkit-transition:1500ms;border-radius:10px;}
#junior:hover { opacity:0.95;-webkit-transition:1500ms; }


Step3-->lepas dah pastekan code dekat atas ni . korang copy pulak code dekat bawah ni k ..


<div class="side">
<div class="han">
<table border="0" cellpadding="0" cellspacing="0" id="snsd"><tr>
<td><div class="kpop">korang letak ayat sikit dekat sini k , Example Welcome to my blog ke ha pandai2 korang la k<br>
<br>
<style>
a.surilala {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:3px;
width:50px;
text-decoration:none;
font-family:tinytots;
font-size:9px;
height:14px;
text-transform:uppercase;
color: #000;
background: #F6CEF5;
text-align:center;
cursor: url(CURSOS), auto;

}
a.surilala:hover{
color: #fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
background:#acdbff;}
</style>
<a class="surilala" href="YOUR LINKS">Owner</a>
<a class="surilala" href="YOUR LINKS">Exchange</a>
<a class="surilala" href="YOUR LINKS">Stuff</a>
<br>
<br>
<marquee>LETAK STATUS KORANG K!</marquee>
<br>
<br>
<td><center><img class="kara"src="IMAGE URL"/></td></center></div>
</tr></table>
</div></a>
</div><br>


Step4-->dah copy korang pastekan pulak dekat code sidebar korang k . lepastu cube preview kalau jadi save laaa :)



PASTFUTURE
Farhanah!

Nama tuan blog ni Nurul Farhanah Binti Efendi.Age 18 years old oh my god sudah besar rupanya haha :) In Engaged with Khairudin and this is my first and last blog lovely . My blog born 05/7/2010.Btw thanks singgah sini yea . Please don't copy cat or copy pig . Wanna exchange link ? Bagitahu je di cbox . Maseh . Hope yours enjoy .
Find Me At :

Chatbox!



Ask.Fm!


Thanks to!

Layout by mymostloved My cursos , background , header and all things in my blog are my made .. Re-edit by me. Help by Si comel,Thanks so much to them because help hanah:)Best view in google chrome.

Past!