ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Início
PublicaçõesImagem para ir ao topo do site
Página 1 de 1 • Compartilhe
Imagem para ir ao topo do site
por IsmaelS. Sáb 15 Dez - 18:27
Qual é sua questão:
Vejam a print, queria esse efeito se for possível.
Forum que vi: http://staffergroupbr.stuning.net/
Que medidas você tomou para corrigir o problema:
Nenhuma.
Apresente-nos imagens do problema (se necessário):
Vejam a print, queria esse efeito se for possível.
Forum que vi: http://staffergroupbr.stuning.net/
Que medidas você tomou para corrigir o problema:
Nenhuma.
Apresente-nos imagens do problema (se necessário):
IsmaelS.- Colaborador Actif
-
Idade : 28
PointActif's : 4830
ReputActifs : 6
Mensagens : 450
Inscrição : 28/11/2012
Localização : Portugal
-
Re: Imagem para ir ao topo do site
por lucasxd111 Sáb 15 Dez - 18:31
Olá amigo , adicione em um widget .
- Código:
<div style="position: fixed; top: 0px; right: 0px;"><img src="http://i68.servimg.com/u/f68/14/38/92/90/down-i10.png" onclick="$('html,body').animate({scrollTop: $('#pun-foot').offset().top}, 2000);" title="Fundo da página"></div><div style="position: fixed; bottom: 0px; right: 0px;">
<img src="http://i68.servimg.com/u/f68/14/38/92/90/up-ico10.png" onclick="$('html,body').animate({scrollTop: $('#top').offset().top}, 2000);" title="Topo da página"></div>
lucasxd111- Membro em destaque
-
Idade : 27
PointActif's : 4484
ReputActifs : 5
Mensagens : 141
Inscrição : 11/07/2012
Localização : Fortaleza
-
Re: Imagem para ir ao topo do site
por IsmaelS. Sáb 15 Dez - 18:32
Mas eu queria desse fórum como tem...
IsmaelS.- Colaborador Actif
-
Idade : 28
PointActif's : 4830
ReputActifs : 6
Mensagens : 450
Inscrição : 28/11/2012
Localização : Portugal
-
Re: Imagem para ir ao topo do site
por Sphartcus Dom 16 Dez - 8:49
Olá!
Você pode usar o código sugerido a seguir:
Att~~
Você pode usar o código sugerido a seguir:
- Código:
<!--- Código original de http://staffergroupbr.stuning.net/ - ---><a href="#body" class="anchor1 anchorLink" id="top_link" onmouseover="animateTopLink()" onmouseout="animateTopLink()" style="right: -100px; ">Subir</a> <script type="text/javascript" src="http://nhocpro9x.googlecode.com/files/jquery.infinitescroll.js"></script> <style>#top_link {
background: url(http://hot.dinhcao.vn/wp-content/themes/FolioGridPro/images/arrow.png) no-repeat 9px 9px #444;
color: white;
}#top_link {
text-shadow: none;
font-size: 1.1em;
padding: 9px 20px 9px 31px;
margin: 0 10px 0 0;
position: fixed;
right: -100px;
top: 80%;
text-decoration: none;
width: 69px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#top_link:hover { background:url(http://hot.dinhcao.vn/wp-content/themes/FolioGridPro/images/arrow.png) no-repeat 9px 9px#1E90FF; }</style><script type="text/javascript" src="http://nhocpro9x.googlecode.com/files/foliogrid.js"></script><!--- Código original de http://staffergroupbr.stuning.net/ - --->
Att~~
Sphartcus- Membro iniciante
-
Idade : 27
PointActif's : 4478
ReputActifs : 4
Mensagens : 47
Inscrição : 04/04/2012
-
Re: Imagem para ir ao topo do site
por IsmaelS. Dom 16 Dez - 12:28
Resultou, mas nao conseguem fazer para baixo ?
IsmaelS.- Colaborador Actif
-
Idade : 28
PointActif's : 4830
ReputActifs : 6
Mensagens : 450
Inscrição : 28/11/2012
Localização : Portugal
-
Re: Imagem para ir ao topo do site
por Shek Dom 16 Dez - 13:34
Olá!
Para isso, teria-mos que modificar o Javascript que não nos pertence.
Você pode seguir os passos do tutorial: ajuda.forumeiros.com/t29292-tutorial-botao-de-fim-e-topo-da-pagina e usar o código CSS para personalizar o botão.
Para isso, teria-mos que modificar o Javascript que não nos pertence.
Você pode seguir os passos do tutorial: ajuda.forumeiros.com/t29292-tutorial-botao-de-fim-e-topo-da-pagina e usar o código CSS para personalizar o botão.
Shek- Administrador
-
Idade : 30
PointActif's : 7463
ReputActifs : 97
Mensagens : 2783
Inscrição : 13/04/2011
Localização : Vilhena - RO
-
IsmaelS.- Colaborador Actif
-
Idade : 28
PointActif's : 4830
ReputActifs : 6
Mensagens : 450
Inscrição : 28/11/2012
Localização : Portugal
-
Conteúdo patrocinado
Tópicos semelhantes» MP como IPBoard
» Colocar imagem no footer
» Imagem não aparece nos anúncios preferenciais
» [Resolvido]Botão de subir pagina para o topo
» Trocar por uma imagem
» Colocar imagem no footer
» Imagem não aparece nos anúncios preferenciais
» [Resolvido]Botão de subir pagina para o topo
» Trocar por uma imagem
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos|
|
|
Facebook
Twitter
Youtube
