Barra de Navegação só aparece quando passamos o rato por cima

Este "hack" foi tirado daqui e acho que resulta bastante bem.
A ideia é tirar aquela barra que aparece no cimo do nosso blog, a chamada barra de navegação (navbar), e que serve para pesquisar por mensagens dentro do nosso blog, como atalho para iniciarmos a sessão, etc. Estão a ver, esta barra:

Há quem a apague de vez, mas julgo que essa não é a melhor opção, uma vez que, sobretudo, a caixa de pesquisas tem muito interesse para os visitantes procurarem conteúdos dentro do nosso blog. Eu, por exemplo, uso-a muito noutros blogues.
Então arranjamos uma solução de compromisso que é fazê-la desaparecer, mas se precisarmos dela é só passar o rato por cima do local onde costumava estar e ela (como que por magia) reaparece e permite-nos utilizá-la.
Experimente, passando o rato no local que refiro.
então como se faz isso?
É fácil.
1 - Como (quase) sempre, ir para as configurações do layout (veja como neste post)
2 - Editar o modelo em html (idem)
3 - Encontrar as seguintes linhas de código

body {
background:#ccc;
margin:0;
text-align:center;

e colocar antes delas, as seguintes instruções:

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

Fica, no fim, assim:

*/

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

body {
background:#ccc;
margin:0;
text-align:center;
line-height: 1.5em;

4. gravar o modelo;
5. Ver se resultou.
Problemas, no comentários, please.

                         

Mensagens relacionadas (por Tags)