header yang bergerak( rotate header ) untuk classic template

Thursday, December 29, 2011

This entry is about  huda header yang berpusing.
Macam mana?
Ok, cuba korang letak cursor dekat header huda. So, apa akan jadi?
Dia rotate kan?
Ok, kalau korang nak macam tu. Singgah baca seterusnya.
Thank you
^_^

Stepnya:-

Step 1

1. Dashboard > template > edit template HTML.

2. Cari code <head> 

3. Copy code kat bawah ni dan letak DIBAWAH code <head>
<center><img class="cutie"  src ="URL IMAGE(header) korang" /></center>
Nota kaki : Warna purple tu korang tukar dengan URL image korang ^_^.

4. Untuk, keselamatan. Better korang SAVE dulu apa yang korang dah buat . ok ^_^.


Step2

1. Cari code  <style type="text/css"> . Korang akan jumpa code full macam kat bawah ni.

<style type="text/css">
#navbar-iframe {display: none;
}


2.  Copy code kat bawah ni dan paste bawah code yang korang dah cari tadi .

.cutie {
margin-top:10px;
margin-left:0px;
-webkit-transition:2s
}
.cutie:hover {
padding-left:160px;
-webkit-transition: 2s;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
opacity:.01;
}


Nota kaki : Warna merah tu, korang tukar berapa deg yang korang rasa sesuai.
                   Warna Purple , korang boleh tukar . Sama ada Left , Right, dan Rotate.

3. Save dan lihat hasilnya.


K, bye

P/s : Kalau ada apa - apa soalan sila letak dekat comment box atau cbox ye. Thanks ^_^
the end
^_^
by.hudahud
smile.smile.smile
^_^

You Might Also Like

0 comment di sini.