reverie

welcome kids

travel back in time

Tutorial : Header Ke Tepi apabila disentuh cursor}

19 March 2012 | 9:22 PM | 2Comment

Hi!

Tengok tak header Rishah tu? Dua dua faded ke tepi :)

Satu ke kiri satu ke kanan sekaligus apabila cursor menyentuh!

Nak buat?
Jom!

1. Login >> Dashboard >> Design >> Edit HTML >> Tick di Expand Widget

2. Search perkataan #header { menggunakan kotak find (CTRL +F) Kalau tkde, korang kena cari perkataan yang nak dekat sama dengan perkataan tu ok?

3. Di bawah code #header { ada code seperti di bawah kan?

width: 890px;
margin: 0 auto;
background-color: transparent;
border: 0px solid transparent;
color: transparent;
padding: 0;
font: normal normal 210% Verdana, Arial, Sans-serif;;
}

Korang pastekan ayat yang Rishah bagi kat bawah di BAWAH ayat kat atas ni tauu ?

#header:hover{
padding-left: 65px;
filter: alpha(opacity=0);
opacity: .0;
-webkit-transition-duration: 1.0s;
}
#header:hover {
background: url(URL Header korang)
}

4. Perkataan merah kat atas korang gantikan dengan URL/Link header korang.

5. Preview dulu! Kalau takde error baru boleh SAVE! Siap!

If tak jadi, maybe coding korang letak salah ataupun template lain

*Template Washed Denim SAHAJA

Bye!

newer post

older post