RSS
Write some words about you and your blog here
Showing posts with label navbar. Show all posts
Showing posts with label navbar. Show all posts

How to make your navbar retractable (Doesn't work with IE)

Posted by CNVpro on Friday, May 15, 2009
Labels: , , / Comments: (1)
This is a modified version of Avatar's hack. With his hack, the navbar leaves a blank space when it's hidden (because it's invisible, but it's there), with this hack, the navbar pushes the whole page down.. i think it's cooler :)
1. Go to your blog's dashboard -> Template tab -> Edit HTML
2. Add this code after the <head> tag:

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

3. Save the template