Tutorial : Header Hover Ke Tepi


Salam


1. Dashboard -> Design -> Edit HTML

2. Higlight semua code,Tekan Ctrl+A , Cut the paste code ditempat yan sama. (Cara unhide kotak segitiga hitam cara mudah. Kalau tak buat macam ni, Korang tak dapat cari code kat bawah yang korang nak nanti)


2. Gunakan fungsi Ctrl + F (tekan serentak) and cari code kat bawah ni

#header {   then tekan enter

3.  Copy code ni 

#header:hover {
padding-left: 25px;
-webkit-transition-duration: 0.5s;
}

4. Paste kan di bawah code ni #header { yang kita cari tadi.

5. Preview and Save.

credit to : NM

5 comments