Pages

tutorial header hover


oke ni dahh masuk second tuto rabiatul buat :D wahh bange ^^ haha . tadi ad orang taye macam mane rabiatul buad yang header dea bertukar tukar to . //link dea dahh lupe \\ hee let start :)

1 . Dashboard > Design > Edit Html

2 . Ctrl + F , cari code nyh

#header {

3 . nanti dekad bawah #header { to ad code macam nyh

#header {
width: 765px;
margin: 0 auto;
background-color: $headerBgColor;
color: $headerTextColor;
padding: 0;
font: $headerFont;
}

4 . pastekan code dekad bawah nyh dekad bawah code tadi

#header:hover {
background: url(url gambar)
}

5 . nanti dea jadi macam dekad bawah nyh

#header {
width: 765px;
margin: 0 auto;
background-color: $headerBgColor;
color: $headerTextColor;
padding: 0;
font: $headerFont;
}
#header:hover {
background: url(url gambar)
}


lepas to save . nanti lihat lahh hasil dea macam mane oke . kalau tak paham tanye . bye asslamualaikum


stokin : (url gambar) boleh gune gambar yang korang suke macam dekad sini

creds code ; NURULSHABILA

wohoho, suke ? like thankyouu

4 comments:

eyka tsk said...

err .. tak jadi laa ..

//rabiatul said...

, yang macam mane tak jadi ?

wahid's daughter said...

camne na' crik kode tuh

//rabiatul said...

ctrl + f :)