terça-feira, 26 de junho de 2012

Botões de subir e descer

Vá em "Design" > "Editar html".
1  Procure por: </body> e acima dele cole o código abaixo:
    <!-- Código da seta no canto da janela -->

<a href='#outer-wrapper' onclick='new Effect.ScrollTo(&quot;outer-wrapper&quot;,{offset:-140}); return false'><img alt='Ir ao Topo' border='0' src='http://lh3.ggpht.com/_ng5d2Z6JZ3w/TAudodPSY1I/AAAAAAAABoc/SfAeX4gqzrU/up_arrow_thumb%5B1%5D.png?imgmax=800' style='position:fixed; bottom:40px; right:0;'/></a> 

<a href='#footer-wrapper' onclick='new Effect.ScrollTo(&quot;footer-wrapper&quot;,{offset:-140}); return false'><img alt='Ir ao Fundo' border='0' src='http://lh3.ggpht.com/_ng5d2Z6JZ3w/TAudpdzyIRI/AAAAAAAABok/7dRENO784gk/down_arrow_thumb%5B1%5D.png?imgmax=800' style='position:fixed; bottom:70px; right:0;'/></a> 
<!-- Fim do código da seta no canto da janela -->
2 ~ Agora procure por: </head> e antes dele coloque, o seguinte código:
<script src='http://www.google.com/jsapi'/>
<script>
google.load("prototype","1.6.0.3");
window.JSON = {
parse: function (st) { return st.evalJSON(); },
stringify: function(obj) { return Object.toJSON(obj); }
}; google.load("scriptaculous", "1.8.2");
</script>
3 ~ Edite as imagens:
http://lh3.ggpht.com/_ng5d2Z6JZ3w/TAudpdzyIRI/AAAAAAAABok/7dRENO784gk/down_arrow_thumb%5B1%5D.png?imgmax=800

http://lh3.ggpht.com/_ng5d2Z6JZ3w/TAudodPSY1I/AAAAAAAABoc/SfAeX4gqzrU/up_arrow_thumb%5B1%5D.png?imgmax=800

0 comentários:

Postar um comentário