Como retirar a navbar.



   Com css retira-se a navbar e coloca-se de volta facilmente; as imagens mostram o código para retirar a navbar e reposicionar a página para não ficar um espaço em branco, tudo explicado em detalhes:

   E após ter retirado a navbar; querendo voltar e ter sua navbar basta aplicar /* no início e no final aplique */ como mostra a imagem:
   Nunca foi tão fácil!
   Para ver como aceder o HTML de seu blog click aqui.

   No painel de edição de HTML do seu blog, busque a chave de fechamento b:skin premindo simultaneamente Ctrl F e digitando na caixa como na imagem:

   Insere o código acima dela como todo e qualquer código css deve ser adicionado e me diz que foi fácil.
   Click em visualizar e seu blog aparecerá já sem a navbar. Gostou clik em salvar modelo e está pronto.
   Depois da segunda vez que aceder o HTML de seu blog, não esquece mais o caminho, apenas é preciso ter cuidado, quando não tiveres confiança faça primeiro em seu blog de testes.
   Não tem um blog de testes? Click aqui e veja como criar um blog.

   Agora vou colocar de volta pois eu gosto de fazer login e sair por ela. Fica a imagem do blog sem navbar.


Abaixo uma pequena atualização feita em 31-01-2012.

Agora com o suporte dos navegadores ao css3 resolvi ocultar/mostrar a navbar e para fazer isto em seu blog é só inserir este pequeno código, sempre acima da chave de fechamento b:skin

Para facilitar tem a imagem para conferir o código abaixo é só copiar.

#navbar-iframe { }
body .navbar { height:0px; }
.content-outer { margin-top:0px; }
#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; }

Sempre confira os códigos colados, pois é durante a transferência que os dados se corrompem.



Obrigado pela sua atenção e tenha uma boa navegação!

Postar um comentário

Jair de Jesus disse... 28 de junho de 2012 às 11:46

Postar um comentário teste.

Deixe seu comentário 'humano'!

[blogger][facebook]

Jair de Jesus

Estudante de HTML, CSS, json, Blogger e tal.{picture#https://1.bp.blogspot.com/-nLQAtnyjw9Q/XgewzgENccI/AAAAAAAAFJw/hVY1XC8En2EEMSDsJWk3J4_UTMNDxGR8gCK4BGAYYCw/s35/jair.jpg}{facebook#https://facebook.com/verbratecajuda}{youtube#https://youtube.com/verbratec} {twitter#https://twitter.com/verbratecajuda}

Formulário de contato

Nome

E-mail *

Mensagem *