Autohide navbar transparent

Autohide navbar transparent is navbar with transparent background. If mose highlight navbar will auto hiding.

1. template
2. remove the code or something similar like the code below

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

3. replace with the code below.

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

The code above is a transparent code autohide. More ascending if in the add picture.
The following code:

#navbar-iframe{opacity:0;-moz-opacity:0;filter:alpha(Opacity=0);background:#000 url(http://i877.photobucket.com/albums/ab333/PlebitaAl100/OTHER%20PICS/line.gif) center repeat;}
#navbar-iframe:hover{opacity:0.4;-moz-opacity:0.4;filter:alpha(Opacity=40);}

Then save. Further to the layout and select a transparent navbar

Next save.
Images can be changed as desired.

Good luck .
Hopefully the tutorial on how to create autohide navbar transparent animated useful.