Como retirar a navbar.

11/28/2011 1 Comentários


   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!

Sobre o autor: author Um estudante de HTML, CSS, javascript, Blogger e tal e tal. Gosto por ajudar é a marca.Perfil

Junte-se nas redes sociais:

Postar um comentário

Deixe seu comentário!

[blogger][facebook][disqus]

Jair de Jesus

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

Formulário de contato

Nome

E-mail *

Mensagem *

Tecnologia do Blogger.