Link para Topo da Página
CLASSIFICAÇÃO DO TUTORIAL
FÁCIL
Já me perguntaram como fazer para colocar esta setinha indicando o topo da página. Desculpe a demora, mas estou postando agora como fazer.FÁCIL
É muito simples:
Basta que você coloque o comando abaixo logo antes do fim do outer-wrapper </div> <!-- end outer-wrapper --> ou fora do outer-wrapper deste que fique dentro de do corpo do código HTML <body> o que significa logo antes de </body>.
<div style='float:right;'>
<a href='#outer-wrapper'>
<img src='Endereço da Seta' style='display:scroll; position:fixed; bottom:5px; right:5px;' title='Voltar ao Topo da Página'/>
</a>
</div>Pronto! Desta forma você coloca o link com uma seta para que seu leitor volte ao topo da página sem ter que usar o scrooll do seu mouse.
Link para Topo da Página
![Link para Topo da Página]()
Reviewed by Áurea
on
2/25/2009
Rating:
Olá!!
ResponderExcluireu copiei e colei o código, o comando funciona, mas a seta não aparece. fica aquele ícone de imagem que não abriu...
o que posso fazer?
também estava a procura de um ícone rosa para feed. Mas os que eu gostei era para baixar como imagem png. Só que não consigo inserir as imagens no gadget javascript/html
Como faço?
Obrigada!!
Oie
ResponderExcluirMuito legal o teu blog.
Eu fiz conforme as instruções, mas a imagem da seta não aparece. Só um quadradinho com um x em vermelho.
O que foi que eu fiz de errado?
Bjs.
Lú
Luciana Você hospedou a seta num site de hospedagem de imagens e colocou o endereço dela onde manda o tuto? Se sim não tem o que dar errado! Não entendo porque não deu!
ResponderExcluirCarlinhos Obrigada por suas palavras. Pena eu não conseguir ajudar a todos como quero. Meu tempo é muito curto!
ResponderExcluirAinda bem que você já conseguiu! Parabéns!
Olá Áurea,fiz tudo como você ensinou mas só funciona na página LAYOUT, na página do blog não aparece nada.Será que é porque eu havia trocado o background do blog? Obrigada pelas dicas.Beijos.
ResponderExcluirOi Áurea,ontem deixei aqui meu coment sobre o link topo da pág.Acontece que descobri que funcionou direitinho mas só no Internet Explorer.Como faço para que apareça no Firefox tambem? Beijos e obrigada.
ResponderExcluirSônia Infelizmente não sei o porque da sua setinha não funcionar no Firefox. Geralmente acontece ao contrário de os hacks não funcionarem no IE! Vou ficar te devendo esta.
ResponderExcluirGrande abraço,
Agradeço pela dica, fiz tudo como indicado aqui e deu certo.
ResponderExcluirEm breve estarei levando seu banner pra lá, deixa eu arrumar mais algumas coisas para melhorar o blog.
Beijo no coração.
Olá,
ResponderExcluiradoro seu blog,tem me ajudado bastante...
mas tentei este comando pela segunda vez e não consigo..
que será que pode ta acontecendo...
Olá! estou conhecendo seu blog agora e adorei as dicas.. eu nao entendo nada de html e me arrisquei a colocar a seta pro topo da página e deu certo, só nao apareceu a imagem pq nao a hospedei em nenhum site... nao sei como se faz isso, vc poderia me dar essa dica?
ResponderExcluirfico muito grata!
Alessandra
Oi Áurea,
ResponderExcluirprocuro o oposto, uma seta para o rodapé, seguindo este tutorial, que alterações posso fazer para conseguir?
Obrigado.
@Arierom Tente colocar ao invés de <a href='#outer-wrapper'> o link para o último id da sua página, que no seu caso é o footer-wrapper »<a href='#footer-wrapperr'>
ResponderExcluirVeja também o post: Link para Texto na Mesma Página que entenderá melhor como funciona este recurso.
Áurea,
ResponderExcluirestá funcionando perfeitamente, fiz uns ajustes "a moda da casa". Grato e parabéns, boa vontade é um dom! =)
Muito obrigado!
ResponderExcluirlegal eu sei macete de seta de link para o final da pagina coloquei as duas setas fico foda.
ResponderExcluir