
Quem não ama Botões de Subir
Eu adooorrooo,e trouxe para vocês uns fofos e outros da minha BoyBand Favorita One Direction espero que gostem Gominhas >.<
.gif)
-------------------------------------------------------------------------------------
Copie o código abaixo, cole antes de </Head>
-------------------------------------------------------------------------------------
Agora copie o código abaixo, cole antes de ]]></b:skin>
-------------------------------------------------------------------------------------
Por ultimo copie o código abaixo cole antes de </body> e salve
Copie o código abaixo, cole antes de </Head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script> |
-------------------------------------------------------------------------------------
Agora copie o código abaixo, cole antes de ]]></b:skin>
/* Botao subir ----------------------------------------------- */ #IrArriba { position: fixed; bottom: 30px; /* Distancia desde abajo */ right: 30px; /* Distancia desde la derecha */ } #IrArriba span { width: 60px; /* Ancho del botón */ height: 60px; /* Alto del botón */ display: block; background: url()no-repeat center center; } |
-------------------------------------------------------------------------------------
Por ultimo copie o código abaixo cole antes de </body> e salve
<div id='IrArriba'>
<a href='#Arriba'><span/></a>
</div>
<script type='text/javascript'>
//<![CDATA[
// Botón para Ir Arriba
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery("#IrArriba").hide();
jQuery(function () {
jQuery(window).scroll(function () {
if (jQuery(this).scrollTop() > 200) {
jQuery('#IrArriba').fadeIn();
} else {
jQuery('#IrArriba').fadeOut();
}
});
jQuery('#IrArriba a').click(function () {
jQuery('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
//]]>
</script>
No lugar onde tem "LINK DA IMAGEM", você vai colocar o link da sua imagem<a href='#Arriba'><span/></a>
</div>
<script type='text/javascript'>
//<![CDATA[
// Botón para Ir Arriba
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery("#IrArriba").hide();
jQuery(function () {
jQuery(window).scroll(function () {
if (jQuery(this).scrollTop() > 200) {
jQuery('#IrArriba').fadeIn();
} else {
jQuery('#IrArriba').fadeOut();
}
});
jQuery('#IrArriba a').click(function () {
jQuery('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
//]]>
</script>












































----------------------------------------------------------------------------------
Nenhum comentário:
Postar um comentário