1 Topo da pàgina

Com este código você pode fazer isso usando texto ou imagem
(pode ser parecida com um botão), neste exemplo usamos uma imagem,
porém se quiser apenas texto é só apagar o código da imagem 
<img src="URL DA IMAGEM" border="0"> 
e escrever o que desejar (voltar ao topo, inicio...).

<div style="position:fixed; bottom:0px; right:0px;"><a href="#">

<img src="URL DA IMAGEM" border="0"></a></div>

Esse link ou botão para voltar ao topo ficará sempre visível na parte inferior

direita do seu site, mesmo rolando a página, ele não sairá de lá, ou seja, 
fica sempre fixo no mesmo lugar.


Uma alteração que podemos fazer é trocar o canto que ele vai aparecer,

se em vez de aparecer embaixo você quiser que apareça no canto
superior, apague bottom:0px; e coloque top:0px; isso faz aparecer no 
alto da página, ou se quiser trocar de lado tire right:0px; e coloque 
left:0px; mudará para o lado esquerdo. Ainda podemos escolher se 
ficará encostado nas margens da página ou deixaremos uma pequena
distancia caso queira deixar alguma distancia da margem é só alterar os 
valores 0px para o numero que desejar.
Para colocar esse acessório no seu blog, entre na página layout, adicionar

gadget, html/javascript e cole o código, não se preocupe em qual parte ou
coluna vai colocar porque isso não importa, pois sempre aparecerá fixo no 
lugar definido no código(canto da página).

Um comentário:

  1. Oi Paulinha.
    Passei pre te visitar, e tentei colocar esse Topo de página,mas não saiu imagem alguma.Será que fiz algo errado?
    Ameiiiiiiiiiiiii.Beijos

    ResponderExcluir

Meu Cantinho se enche de alegria quando você passa por aqui e deixa seu recadinho!!!!
Que Deus os abençoe hoje e sempre!!!
Paulinha Mattos Designers

P�gina Anterior Home

topo


Paulinha Mattos - Cursores Designers

mascote