Outra dica interessante, do Blogger Sentral, para eventualmente tornar a aparência de um blog feito no Blogger mais estética é "esconder" a Navbar. Como vimos (aqui), Navbar é o elemento que fica no topo do blog, com busca e informações que nos permitem inclusive fazer novas postagens.
Na verdade, o código que iremos inserimos fará com a que a Navbar apareça quando posicionamos o mouse sobre o topo do blog, na maioria dos navegadores -- exceto no Internet Explorer, no qual o que irei ensinar apenas fará com a que a Navbar não seja vista. Veja (ou não veja) no exemplo neste blog.
Existe um método para os Modelos de Layout (usado por blogs mais antigos), aqui. E um método, mais simpificado, mas com a mesma lógica, para os blogs feitos com o Modelo de Designer (os mais novos).
Neste caso, é necessário simplesmente clicar no botão laranja "Personalizar", estando na parte de edição do Modelo do Blogger. Depois, você verá uma tela como a acima, e deve escolher: "Avançado" e depois "Adicionar CSS". Isto feito, aparecerá a zona de edição para colar o código abaixo. Uma vez que se cola, basta clicar no botão laranja no canto superior direito "Aplicar ao blog".
Obs.: clique no ícone para abrir o arquivo e copiar o código.
| 1 | #navbar {opacity:0;filter:alpha(opacity=0);position:relative;margin-bottom:-30px;z-index:10;}. |  |
| 2 | #navbar:hover {opacity:0.7;filter:alpha(opacity=70);} |
Vale explicar que o grau de transparência da Navbar pode ser alteardo, mudando o parâmetro da linha 2. Se for 100, a Navbar será completamente opaca.
Nenhum comentário:
Postar um comentário