Tutorial Buat Navbar AutoHide..

hii.. korang tahu tak navbar autohide tu ape??

ala. macam eiqa punya la..

bila korang sentuh dgn cursor kat bahagian atas, navbar korang akan ada..

bila tak disentuh, navbar korang hilang..

cuba tengok gambar kat bawah

mula-mula takda navbar

bila disentuh dengan cursor, navbar muncul (dlm bulatan)

ok.. so korang tau tak apa itu navbar autohide??

sekarang, jom kita buat macam nie..

Step 1

• Dashboard > Design > Edit HTML > tick expand widget templates
• cari perkataan body { (tekan F3 atau Ctrl+F)

Step 2

• copy kod dibawah dan paste kan diatas perkataan body { tersebut..

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

lepas tu.. save dulu ye.. dan tengok hasilnya!!



kalo tak jadi tolong bagi tau eiqa ye..