HOME TUTORIAL OWNER BLOGSHOP

Header senget bila cursor menyentuh

Assalamualaikum semua.
Kali ni saya nak ajar cara bila sentuh header je, dia jadi senget.. macam header saya lah kan.. macam gini haa...

(contoh) 

Kali ni kod untuk copy paste lain macam dulu.. sebab sekarang kod dia lain.. Okay, jom kita mulakan..

1 . Dashboard >> Template >> Edit HTML .

2 . Tekan Ctrl+F dengan serentak . Copy and search kod bawah ni

a:hover {
3 . Dah jumpa kan? Okay, lepas tu korang copy kod bawah ni pulak.

-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px 12px;
-webkit-transform: skew(1.deg,1.5deg);
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg); }
border:2px dashed #FF9999;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;

4 . Lepas dah paste kod atas ni dia akan jadi macam ni la kan.

a:hover {
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px 12px;
-webkit-transform: skew(1.deg,1.5deg);
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg); }
border:2px dashed #FF9999;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
text-decoration:underline;
color: #000000;
}

5 . Kalau dah siap, (yang ni tak boleh preview k) terus save template ! ^.^V semoga berjaya!!