13 Okt 2010

Membuat 'AUTO HIDE' NavBar

Tutorial kali ini ada bersangkut paut ngan tutorial sebelum ini iaitu hilangkan navbar.Tapi tutorial kali ini paling selamat untuk menghilangkan navbar.Mungkin tidak melanggar peraturan blogger.Kalau korang kurang faham apa yang aku cakapkan korang gerakkan mouse korang kat navbar blog aku.Mula-mula tidak ada kan tapi bila korang gerakkan mouse kat atas,navbar akan muncul.Tanpa buang masa mari kita mula.
1.Seperti biasa pergi =>'reka bentuk'=>'edit html'.
2.Jangan lupa klik kat 'kembangkan templete widget'.
3.Mula-mula korang cari kod  body {
4.Pastu korang copy kod dibawah.
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
5.Kemudian letakkan kod tersebut di atas atau sebelum body {.
Kod korang akan jadi seperti di bawah.
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

body {
font: 100% Arial, Helvetica;
background: #000000;
color: #333;
}
6.Selesai..Korang jangan lupa save dan tengok perubahan yang berlaku.

0 ulasan:

Catat Ulasan