[ PHPost ] Botón ir al cielo - SCROLL TO TOP BUTTON






FUENTE (PARA COMENTARIOS y DUDAS, SOPORTE)
http://www.phpost.net/topic/23937-mod-bot%C3%B3n-ir-al-cielo/

PARA QUE QUEDE ASI:



Abrimos el archivo: /templates/sections/main-header.tpl y antes de la etiqueta: </head> añadimos:

<a class="NewCielo" href="#"></a>

Ahora editamos el extras.css y al final le añadimos:
.NewCielo{
    width:40px;
    height:40px;
    opacity:0.6;
    position:fixed;
    bottom:50px;
    right:60px;
    display:none;
    text-indent:-9999px;
    background: url(images/cielo.png) no-repeat;
}

El siguiente es el /js/funciones.js y también al final añadimos:
//Ir al Cielo
$(window).scroll(function(){
  if ($(this).scrollTop() > 100) {
  $('.NewCielo').fadeIn();
        } else {
        $('.NewCielo').fadeOut();
 }
});
 
        $('.NewCielo').click(function(){
            $("html, body").animate({ scrollTop: 0 }, 1000);
            return false;
        });
Y por último descargamos la imagen y la guardamos en /images
DESCARGAN ESTA IMAGEN Y MANTIENEN EL NOMBRE TAL Y COMO ESTA...







Comentarios

Entradas Populares

Cambiar el boot del BIOS ( UEFI ) para ejecutar cd/dvd/usb en windows 8 y más

Hirens Boot : Como reparar disco duro dañado - Como reparaR disco duro con sectores dañados

Chistes - Dos gallegos deciden atracar un banco...

loading...