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!

إرسال تعليق

Jair de Jesus يقول... 28 يونيو 2012 في 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_X8kjnFQ6gqz7mpAsGYmndUBnVFuhUwtt2T4rjn6FnitkZZUulhSIzmhVsYGWIHULCAqOObPV3xw9ru-dSPBPuWhT9PGtv-XEK1A5I6l8bJtjEjRsYYleMWoCvtjOtVhDRusviMdEFBU/s35/jair.jpg}{facebook#https://facebook.com/verbratecajuda}{youtube#https://youtube.com/@estudoviolaoclassico} {twitter#https://twitter.com/verbratecajuda}

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *