Syaz Harzays Minme: Tutorial : Image Hover ( Right/Left )

Pages

STATUS UPDATED!
Assalamualaikum korang korang and korang... terima kasih kerana sudi singgah kat blog syaz ni.. hihihihi...

1 Jan 2014

Tutorial : Image Hover ( Right/Left )

Assalamualaikum...
ha'aaa... tengok la title tu... image hover right/left?? 
tertanya-tanya...macam mana image hover right/left??
oke2.. syaz bagi example kat bawahhh... hope korang faham la ...
tapi.. sebelum tu... meh KLIK SINI dulu.. TERIMA KASIH tauu :)
Haaa... korang boleh tengok gambar at bawahhh...


SEBELUM

SELEPAS KORANG HALAKAN CURSOR AT PICT
Faham dah?? kalau dah faham .. meh kita mulakan sesi tutorial pulak... 

1. Log In --> Dashboard --> Template --> Edit Html.

2. Tekan F3, then search kod yang dekat bawah ni :

img:hover {

dah jumpaaa?? kalau dah jumpa.. DELETE kan kod yang dekat bawah dia.

3. Dah delete?? kalau dah.. Copy kod yang dekat bawah ni pulak , then PASTE dekat bawah img:hover {  :

padding-right: 35px;
-webkit-transition: 0.8s;
}

4. PREVIEW dulu... Kalau dah menjadi boleh SAVE..

SELAMAT MENCUBA ^^

2 comments:

Assalamualaikum...
alang-alang dah baca tu..
mintak tolong komen sekali boleh??
hehehehe ^^

Syaz Harzays Minme© . Designed by MaiGraphicDesign