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:
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:
Y para terminar, editamos la plantilla header & arriba de todo agregamos lo siguiente:
Ya luego les quedaría algo así cuando llegue a la parte de arriba con el scrollbar:
No es captura de un foro, es de la web oficial del script.
Para soporte, en mi foro personal: http://hasaezs.com/forum/
Saludos, espero les guste.
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:
Código PHP:
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="{$mybb->settings['bburl']}/jscripts/hook.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>
Y para terminar, editamos la plantilla header & arriba de todo agregamos lo siguiente:
Código PHP:
<div id="hook">
<div id="loader">
<div class="spinner"></div>
</div>
<span id="hook-text">Refrescando...</span>
</div>
Ya luego les quedaría algo así cuando llegue a la parte de arriba con el scrollbar:
No es captura de un foro, es de la web oficial del script.
Para soporte, en mi foro personal: http://hasaezs.com/forum/
Saludos, espero les guste.