Inverter este código

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Inverter este código

Mensagem por StafferGroupBR™ 16.12.12 20:17

Qual é minha questão:
Gostaria de fazer com que este código desça ao inves de subir.


Código:
<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>


Endereço do meu fórum:
http://staffergroupbr.stuning.net

Versão do fórum:
PHPBB3
StafferGroupBR™

StafferGroupBR™
***

Membro desde : 06/10/2012
Mensagens : 110
Pontos : 176

http://staffergroupbr.stuning.net/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Inverter este código

Mensagem por Sennior 17.12.12 13:44

Olá amigo,

O que ele faz amigão? Poderia nos dizer ao mais, veja se este resulta:

Código:
<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>

Até mais!
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter este código

Mensagem por StafferGroupBR™ 17.12.12 17:04

Não Resultou ;/
StafferGroupBR™

StafferGroupBR™
***

Membro desde : 06/10/2012
Mensagens : 110
Pontos : 176

http://staffergroupbr.stuning.net/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter este código

Mensagem por Dr.Helper 17.12.12 17:08

Tente este :

Código:
<a href="#body" class="anchor1 anchorLink" id="top_link" onmouseover="animateTopLink()" onmouseout="animateTopLink()" style="right: -100px; ">Descer</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>

Resulta ?
Dr.Helper

Dr.Helper
Membro

Membro desde : 25/06/2012
Mensagens : 832
Pontos : 1231

http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter este código

Mensagem por StafferGroupBR™ 17.12.12 17:26

Continua indo para Cima!
StafferGroupBR™

StafferGroupBR™
***

Membro desde : 06/10/2012
Mensagens : 110
Pontos : 176

http://staffergroupbr.stuning.net/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Inverter este código

Mensagem por Sennior 17.12.12 23:17

Olá!

O senhor, acho que não prestou atenção. Poderia me dizer o que ele faz amigão? Digo qual à função dele?

Até mais! Piscada
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter este código

Mensagem por StafferGroupBR™ 18.12.12 15:40

A Função do botão original é rolar a página para o topo.

Eu quero que ele Role a página para baixo.
StafferGroupBR™

StafferGroupBR™
***

Membro desde : 06/10/2012
Mensagens : 110
Pontos : 176

http://staffergroupbr.stuning.net/forum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Inverter este código

Mensagem por Sennior 18.12.12 22:08

Olá amigo,

Penso eu que tenha um código java script, poderia me concede-lo? Por via das duvidas, tente este CSS:

Código:
#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: relative;
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;
}

Até mais! Muito feliz
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter este código

Mensagem por StafferGroupBR™ 19.12.12 12:19

Absolutamente não, o código é unico, só aquele que eu ja passei no mesmo tópico.

O Código CSS não Resultou.
StafferGroupBR™

StafferGroupBR™
***

Membro desde : 06/10/2012
Mensagens : 110
Pontos : 176

http://staffergroupbr.stuning.net/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter este código

Mensagem por StafferGroupBR™ 20.12.12 17:23

Em choque
StafferGroupBR™

StafferGroupBR™
***

Membro desde : 06/10/2012
Mensagens : 110
Pontos : 176

http://staffergroupbr.stuning.net/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter este código

Mensagem por Consolado 22.12.12 14:33

Olá!

Utilize esse código:
Código:
<a href="#top" 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>
Melhores cumprimentos.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Inverter este código

Mensagem por StafferGroupBR™ 23.12.12 4:17

Não resultou...
Pode fechar!
StafferGroupBR™

StafferGroupBR™
***

Membro desde : 06/10/2012
Mensagens : 110
Pontos : 176

http://staffergroupbr.stuning.net/forum

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos