undefined
undefined

Flechas Deslizantes

Estos botones ayudan a facilitar el manejo del contenido del blog, de forma que nos dirijan de manera más rápida hacia arriba o hacia abajo.

Para empezar, primero tenemos que agregar el efecto deslizante "Prototype y Scriptaculous", para ello ve a Diseño-> Edición de HTML, busca (Ctrl+F) </head> y arriba de la etiqueta pega el siguiente codigo:
NOTA: Si ya lo tienes en tu plantilla no es necesario agregarlo de nuevo.

<script src='http://www.google.com/jsapi'/><script>
google.load("prototype", "1.6.1.0");
window.JSON = {
parse: function (st) { return st.evalJSON(); },
stringify: function(obj) { return Object.toJSON(obj); }
};
google.load("scriptaculous", "1.8.3");
</script>

Y ahora agrega lo siguiente antes de </body>

<a href='#outer-wrapper' onclick='new Effect.ScrollTo("outer-wrapper",{offset:-140}); return false'><img border='0' src='URL DE LA IMAGEN HACIA ARRIBA' style='position:fixed; top:0; right:0;' title='Ir arriba'/></a>

<a href='#footer-wrapper' onclick='new Effect.ScrollTo("footer-wrapper",{offset:-140}); return false'><img border='0' src='URL DE LA IMAGEN HACIA ABAJO' style='position:fixed; bottom:0; right:0;' title='Ir abajo'/></a>

Solo hay que cambiar lo marcado en azul por lo correspondiente.

Para ver algunas Flechas puedes buscarlas aqui buscando up para flechas para arriba y down para flechas para abajo:

Ir a ver flachas

domingo, 23 de octubre de 2011 // // 0 comentarios //