✿Pesanan Arina✿
Salam semua , Kalau dah follow bagitau dekat shoutbox ok , senang Arina nak follow balik Tq , syg kamu semua :)

KLIK IKLAN DIATAS UNTUK JOIN/INFO. MANA TAU NASIB EMPUNYA BADAN =D

Saturday, 10 November 2012

Cuba TengOk Header tu pusing2 Lah !

Assalamulaikum Semua =)

Malam yang nyaman , petang tadi tengok halaman rumah pun lembab2 sebab baru lepas hujan . Petang td macam2 ni jiran depan rumah buat ada ke nak gebang dengan radio dia tu - woi bang! kuat lagi radio uh , satu dunia dengar pun tak pe aman sentosa hidup tapi malang lah sikit sebab telinga masing2 dah pekak semua raga2 abg lah ! ok abaikan abg tu kejap lagi radio dia rosak padan muka dia huahuaa ! Arina nak cerita kat korang semua hehe tengok header atas tu cuba sentuh gerak2 kan ?? kan ? !#$%&*( pening kepala cik Timah hahah ) boring2 tu yang takde keje buat benda ni semua . :D piece yo (Y) .
Nota InspiRasi :: Kalau korang nak klik mana2 link klik cepat2 tau sebab benda2 semua secara automatik bergerak dengan cepat haha habislah korang ;-)

korang nak juga ke benda yang macam dekat atas tu meh kita ajar eh awak step by step kalau tak dapat makna takde rezeki lah tu better jumpa yang lebih pakar k . hehe =D

1. Dashboard > Template > Edit HTML > Proceed

2. Expand Widget Templates > Tekan ctrl + F

3. cari code dkt bawah nie :


a:hover {

Dia lebih kurang macam kod kat bawah ni ah 


a:visited {
  text-decoration:none;
  color: $(link.visited.color);
}


a:hover {
  text-decoration:underline;
  color: $(link.hover.color);
}


4. Kalau dah jumpa korang copy kod kat bawah ni :

padding-left:150px;
-webkit-transition: 2s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
opacity:.01;
}


5. Paste dekat bawah a:hover { contohnya mcam ni :

a:hover {
padding-left:150px;
-webkit-transition: 2s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
opacity:.01;
}


6. Whoaaa . Sebelum tu preview dulu . Kalau jadi baru save ok . Dah siap :)

7. Kalau korang just nak header je yang berpusing tukar kod tadi dengan kod ni :



.header:hover {
padding-left:150px;
-webkit-transition: 2s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
opacity:.01;
}

Kalau nak copy tekan Ctrl + C dan paste =D

Nota kaki :: Maaf jika tak faham ke apa ke better ikut step by step kalau yang jadi bagus2 ! hehe kalau yang tak jadi cari yang lebih pakar ok . Just suka2 je Sharing is Caring =D Kalau tak jadi tu maybe kod dia tak sesuai kot ni hanya untuk Templates Simple *

No comments:

Post a Comment

Awk tinggalkan lah comment
saia cyg awk kalau awk comment
piece (Yo)~