Tutorial : Header Hover (1)



Daydreaming♥ | via Tumblr

Hai hai hai Assalamualaikum. Nabilah tak menghilangkan diri lagi lah. Okey hari ni Nabilah nak buat satu tutorial tentang Header Hover. Header hover yang ini jenis hover yang akan bergerak either kiri or kanan bila kita halakan cursor. 
(GAMBAR DIATAS TIADA KAITAN)

Sorry lah tak dapat tunjuk hover headernya. Harap korang faham lah. kalau korang tak faham , korang try lah dulu kalau nak tengok header hover nya. Ok lets start babeh :p


1. Template > Edit Html > Proceed 
2. Tekan CTRL+F/F3 and search for this code

h1.title {
or
#header h1 {

or

 /* Content 

3. Copy code bawah ni dan paste kan di ATAS code yang korang cari tadi 

#header:hover {
padding-right: 50px;
-webkit-transition-duration: 0.5s;
}


CHANGES
RED : Boleh tukar right or left
BLUE : Korang boleh tukar ikut berapa banyak yang korang nak hoverkan header tu
GREEN : Korang boleh tukar. 0.1 ke 0.6 ke ikut berapa lama hover yang korang nak tu


Kalau korang tak jumpa code code tu. korang cuba cari code yang ni pula ya :


#header {

 atau 


/* Header 

Then korang pastekan code yang tadi Nabilah bagi tu di bawah code yang korang cari ni ya ! Good luck ! Apa apa masalah sila comment !









No comments: