Inverter este código

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

Resolvido Inverter este código

Mensagem por StafferGroupBR™ em 16/12/12, 06:17 pm

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
avatar

StafferGroupBR™
Nível 8

Masculino
Inscrito dia : 06/10/2012
Mensagens : 110
Pontos Ativos : 176

Ver perfil do usuário http://staffergroupbr.stuning.net/forum

Resolvido Re: Inverter este código

Mensagem por Sennior em 17/12/12, 11:44 am

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!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Inverter este código

Mensagem por StafferGroupBR™ em 17/12/12, 03:04 pm

Não Resultou ;/
avatar

StafferGroupBR™
Nível 8

Masculino
Inscrito dia : 06/10/2012
Mensagens : 110
Pontos Ativos : 176

Ver perfil do usuário http://staffergroupbr.stuning.net/forum

Resolvido Re: Inverter este código

Mensagem por Dr.Helper em 17/12/12, 03:08 pm

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 ?
avatar

Dr.Helper
Usuário destaque

Masculino
Inscrito dia : 24/06/2012
Mensagens : 832
Pontos Ativos : 1231

Ver perfil do usuário http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Resolvido Re: Inverter este código

Mensagem por StafferGroupBR™ em 17/12/12, 03:26 pm

Continua indo para Cima!
avatar

StafferGroupBR™
Nível 8

Masculino
Inscrito dia : 06/10/2012
Mensagens : 110
Pontos Ativos : 176

Ver perfil do usuário http://staffergroupbr.stuning.net/forum

Resolvido Re: Inverter este código

Mensagem por Sennior em 17/12/12, 09:17 pm

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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Inverter este código

Mensagem por StafferGroupBR™ em 18/12/12, 01:40 pm

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

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

StafferGroupBR™
Nível 8

Masculino
Inscrito dia : 06/10/2012
Mensagens : 110
Pontos Ativos : 176

Ver perfil do usuário http://staffergroupbr.stuning.net/forum

Resolvido Re: Inverter este código

Mensagem por Sennior em 18/12/12, 08:08 pm

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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Inverter este código

Mensagem por StafferGroupBR™ em 19/12/12, 10:19 am

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

O Código CSS não Resultou.
avatar

StafferGroupBR™
Nível 8

Masculino
Inscrito dia : 06/10/2012
Mensagens : 110
Pontos Ativos : 176

Ver perfil do usuário http://staffergroupbr.stuning.net/forum

Resolvido Re: Inverter este código

Mensagem por StafferGroupBR™ em 20/12/12, 03:23 pm

Em choque
avatar

StafferGroupBR™
Nível 8

Masculino
Inscrito dia : 06/10/2012
Mensagens : 110
Pontos Ativos : 176

Ver perfil do usuário http://staffergroupbr.stuning.net/forum

Resolvido Re: Inverter este código

Mensagem por Consolado em 22/12/12, 12:33 pm

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.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Inverter este código

Mensagem por StafferGroupBR™ em 23/12/12, 02:17 am

Não resultou...
Pode fechar!
avatar

StafferGroupBR™
Nível 8

Masculino
Inscrito dia : 06/10/2012
Mensagens : 110
Pontos Ativos : 176

Ver perfil do usuário http://staffergroupbr.stuning.net/forum

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum