Busqueda

Busqueda Personalizada

Loading

lunes, 19 de abril de 2010

Imagen flotante con efecto de “ir arriba”

En GEM@BLOG, nos enseña un código que al aplicarlo, da como resultado una imagen que aparece en la parte derecha inferior del blog, es de gran utilidad para “regresar” arriba de la página desde cualquier parte en donde te encuentres, ya que la imagen siempre permanece fija en la esquina inferior del navegador..
Para aplicarla en nuestro blog deberemos hacerlo en Edición de HTML de la plantilla.
Una vez ahí podemos aplicar el siguiente código entre las etiquetas <body> y </body> yo os recomendaría hacerlo justo antes de </body> de esa forma es más fácil encontrar el código si en algún momento pensamos cambiar o suprimir la imagen.

<a href="#"><img src="url-de-la-imagen" alt="ir arriba" border="0" style="position:fixed; bottom:0; right:0;" /></a>
Lo he probado y funciona muy bien.

Una forma muy Inteligente y facil de usar esto creando un Gadged JavaSript y cambia lo que esta en Rojo que la Url de la Imagen . 

No hay comentarios:

Publicar un comentario