Inverter este código

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

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!

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 ?

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!

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!

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

O Código CSS não Resultou.

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.

Não resultou...
Pode fechar!