Traductor
English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
Quiero esto en mi Blog!

viernes, 10 de junio de 2011

Flechas "arriba-abajo"

Sencillo código html que coloca dos imágenes de flechas en el lateral derecho de nuestra pantalla y que al clicarlas vamos arriba y abajo de la página. Si quieres incluir unas que tengan efecto deslizante, mira esta entrada.

El código es éste:

<a href='#' rel='nofollow' style='display:scroll;position:fixed;bottom:260px;right:5px;' title='Ir Arriba'><img src='http://i31.tinypic.com/2vtqqt3.png' style='border:0;'/></a>

<a href='#GoDown' style='display:scroll;position:fixed;bottom:225px;right:5px;' title='Ir Abajo'><img src='http://i32.tinypic.com/16lle91.png' style='border:0;'/></a><a name='GoDown'/>

Si quieres cambiar las imágenes de las flechas debes cambiar los links azules, los números rojos son la colocación de las imágenes (para ponerlas más arriba o más abajo), y mediante los amarillos puedes cambiar las flechas de posición respecto de los laterales. El resto del código no deberías tocarlo, si lo haces probablemente dejará de funcionar.
Éste código debes pegarlo ántes de la etiqueta </head> o ponerlo en un widget html en cualquier parte del blog.

Salu2

No hay comentarios:

Publicar un comentario

Deja tu comentario.
No insultes ni faltes al respeto.
No anuncies tu web o blog, el comentario será catalogado como spam y borrado.
Gracias