El botón "ir arriba" consiste en un botón o imagen que va ubicado en el fondo de nuestra blog, hay 2 formas de hacerlo flotante, es decir se ve siempre y se corre cuando corremos el scroll. O sino estático al fondo del blog para ambos se necesita un código muy sencillo que pasaremos a explicar.
Antes de poner los códigos de los distintos modos vamos a buscar o alojar un botón o imagen, si es que no lo tenemos. Aunque también se puede usar solo texto.
Si es que no tiene una imagen o botón pueden buscar en internet hay varias paginas esta es un ej: click aqui ahí tenemos varios botones nosotros elegimos esta flecha. Bien ahora pasaremos al código.
En el modo "flotante" pondremos el siguiente código después del <body>
<a href='#'><img alt='ir arriba' border='0' src='http://www.pekegifs.com/flechas/007.gif' style='position:fixed; bottom:0; right:0;'/></a>
Expliquemos donde dice "http://www.pekegifs.com....gif" ahí va la dirección de su imagen o botón, y si se quiere que al pasar el cursor sobre la imagen nos muestre unas letras de "ir arriba" o lo que deseen solo agreguen al final esto: title='ir arriba' osea quedaría así:
<a href='#'><img alt='ir arriba' border='0' src='http://www.pekegifs.com/flechas/007.gif' style='position:fixed; bottom:0; right:0;' title='ir arriba'/></a>
Ahora para el otro modo "estático" o podemos pegarlo en la plantilla después del footer o sino agregamos un elemento de pagina y lo movemos al fondo del blog, el código es el siguiente:
<a href='#'><img src='http://www.pekegifs.com/flechas/007.gif' alt='ir arriba'/></a>
Al igual que el otro se cambia la dirección y listo.
Vale aclara que no funciona en vista previa en ninguno de los dos casos, cualquier consulta comentar.
Que buscas?
viernes, 20 de junio de 2008
Botón ir arriba
Etiquetas:
Botón ir arriba
Suscribirse a:
Enviar comentarios (Atom)
0 comentarios:
Publicar un comentario