Ocultar a navbar com efeito hover

Hello!!!, tudo bem meus docinhos de cupuaçu?! *-* Hoje eu vim trazer a vocês um tutorial bem legal, que é ocultar a navbar com efeito hover, é bem assim, a navbar desapareceu, certo?? Ai quando você passa o mouse encima do espaço onde ficar a navbar ela aparece em efeito hover!!! Vamos aos tutoriais?? Claroo!!

1- Vá em designer (Interface antiga) ou Modelo (Interface Nova):

2- Tecle f3 e procure por:

]]></b:skin>

3- Ao achar a tag, cole antes dela este código:

#navbar-iframe {
opacity:0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;
}
#navbar-iframe:hover {
opacity:1;