Buenas, hace tiempo que no hacía un tutorial por aquí, mas bien los tutoriales que hago son para darle mejor aspecto visual al foro & aquí vamos con otro.

Este trata de actualizar nuestro foro, o mas bien recargar el foro, arrastrando y soltando el scrollbar al llegar a la parte de arriba de la web, algo así como las aplicaciones de los móviles.

Primero que todo necesitamos bajar el siguiente pack, http://usehook.com/hook/hook.zip , el cual incluye dos archivos importantes más las imágenes que este usa:

• hook.css
  
• hook.js
  

Luego subimos las dos imágenes en RUTADELFORO/images/hook.

Creamos una nueva hoja de estilo con el nombre de hook.css & que aparezca globalmente, luego copiamos & pegamos el código que viene en la hoja de estilos que venía en el pack.
Ah eso si tienen que editar la ruta de imágenes, según donde ustedes hayan subido las imágenes.

Seguimos.. subimos el archivo hook.js en RUTADELFORO/jscripts/

Editamos la plantilla headerinclude, & agregamos lo siguiente, donde estimen conveniente:

<?php 

<div id="hook">

    <div id="loader">

        <div class="spinner"></div>

    </div>

    <span id="hook-text">Refrescando...</span>

</div>