Terlepas entri yang lain? Jom baca entri ini..

Saturday, December 24, 2011

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..
Post a Comment
Related Posts Plugin for WordPress, Blogger...



Copyright © 2012 and Designed by Eiqa Azra