Posts sobre | Dicas blog, imagem Pc e Web
Mostrando postagens com marcador Css. Mostrar todas as postagens
Mostrando postagens com marcador Css. Mostrar todas as postagens

Códigos para ocultar a Navbar do Blogger, Script ou Css

Vou mostrar um script pequeno que esconde a navbar do Blogspot e também um código Css para ocultar a navbar, aí, você escolhe.

Atualização importante 2013: Existe uma maneira mais fácil, correta e eficaz de retirar a navbar blogger, clique aqui, apesar de JavaScript parecer interessante, as coisas mudam e novas opções surgem, clique aqui e saiba mais

Div, imagem não respeita scroolbar

Div, imagem não respeita scroolbar, fica fixa mesmo rolando a página ou o mouse.

As imagens que usei são essas, ficaria melhor com uma gif transparente, mais ta funcionando.
Se clicar na imagem no canto direito e inferior da pagina a mesma sobe.
Se for usar uma imagem publicada no blogspot, como eu fiz é bom não pegar essa que abre em uma pagina quando clica sobre ela, mas sim aquela indicada no código fonte <img src="http.... Um exp: é link que deixei abaixo de 2 imagens. ir top
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2wp0apXfDdSHEwxjoKSzckrD11cNCVIYXM6f9IOPii0ZrCyzrRyy0eULD0R2_-u8wyOvO1x18ONqqkESq5sEL_GPeMjt77nhYggpgVB63XYuMMNlIf5xwrs7116e4IV2ed8HFaNO7f8-C/s200/top.GIF



subir
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzC69ITrsXyb3cWkLqVzxxE4lxOwz9PVYmtgEzU7Vhy4ABNiOvAYg1mPoHflY1HDIs4XTynSfaPm53BcGRD5lAtA0uZgi9u86szj8GZjstBb0dZ3yj2_3oDkw-bgjT9dlWVu2VV6UvVeC0/s200/subir.GIF




<style type='text/css'>

div.irtopo img { position:fixed; bottom:0; right:0;display:block;color:#333;text-align:center;
}/* a.irtopo img {display:none;} */
<!--[if lte IE 6]>
div.irtopo img {
position:absolute; bottom:-100px; right:0;
text-align:left; width:expression(document.body.clientWidth
> 1000? "1000px": "auto" ); width:73%;
}<![endif]-->

</style>





Div ou imagem que fica parada e ou sobreposta mesmo subindo a pagina usa apenas CSS





A DIV coloquei no final do HTML

<div class='irtopo'><a href='#header'><img alt='Subir ao topo' src='http://3.bp.blogspot.com/_NrcfzTud13U/R_nZC8mUR7I/AAAAAAAAA

BA/emL7FGn8soc/s200/top.GIF'/></a></div>
O #header É UMA PALAVRA(qualquer) QUE DEVE ESTAR NO TOPO do código da pagina, de preferência deve-se colocar uma descrição para ela Expl: <a name="header"></a>





Usando apenas CSS



Div ou imagem que fica parada e ou sobreposta mesmo subindo a pagina. usando apenas CSS
Pode ser um menu, um link bastante usado ou o que for interessante ==>>¬


Outros

testes como funciona SCRIPT e CSS

Pesquisar

Google

Newsletter

Digite seu Email:

Postagens populares

Arquivo do blog

Recentes postagens populares