Saturday, January 21, 2012

Tutorial : Header Hover *Ketepi

Jom start ye!

1. Dashboard > Design > Edit Html > Tick Expand Widget

2. Ctrl + F and cari kod ni :-

/* Header
----------------------------------------------- */
3. Kalau dah jumpa, copy kod bawah ni dan, paste di bawah kod Header tadi ^_^

.header {
width: 780px;
-webkit-transition-duration: 3s;
margin: 0 auto;
background-color: transparent;
color: transparent;
padding-left: 8px;
}
.header:hover{
padding-left: 80px;
-webkit-transition-duration: 3s;
}
4. Preview dulu,, kalau tak ada error baru Save Template tau :)



4 comments:

anamizu kaito said...

wahh pandaila mirah buat tuto :)





luv,
cik ana

AmirahSyafiqah ♥ said...

hehe thank you :) cik ana

teha said...

rjn nye die buat tuto :)

AmirahSyafiqah ♥ said...

@teha : hehehe tgh tak tau nak buat ape buat la tuto :P ^_^