21 de noviembre de 2011

Botón ir arriba y abajo

FlechaArriba FlechaAbajo Con el nuevo diseño de plantillas he optado por añadir los ya tradicionales botones “Arriba” y “Abajo” de forma instantánea.  Antes los usaba con el script Prototype y Scriptaculous, pero aunque el efecto deslizante era bonito, he decidido que sea más práctico.  Así que lo he puesto como acceso directo.

Ha sido un poco complicado porque en la plantilla simple no funcionaba fácilmente.  Pero mis pocos conocimientos de XML me han dado la solución.  Para instalar los botones hay que localizar la etiqueta HTML </body> y justo delante colocar las líneas siguientes:

<a href='#footer-wrapper'><img border='0' src='URL imagen flecha abajo style='position:fixed; bottom:0px; right:0;margin-bottom: 5px;' title='Ir abajo'/></a>

<a href='#'><img border='0' src='URL imagen flecha arriba' style='position:fixed; bottom:45px; right:0;margin-top: 5px;' title='Ir arriba'/></a>

Solo tendrías que indicar las URL de las imágenes que hayas guardado en tu almacén (por ejemplo en Google Sites).

El problema me ha sucedido porque en la nueva plantilla no está identificado el footer-wrapper, he tenido que localizar la siguiente línea y añadir lo marcado en color:

<div class='content-cap-bottom cap-bottom' id='footer-wrapper'>

Graba plantilla y ya lo tendremos.

Entrada anterior Entrada siguiente Página Principal
Related Posts Plugin for WordPress, Blogger...