lunes, 18 de mayo de 2009

Scroll de links » enlaces en movimiento

Es un buena opción para presentar los enlaces que querramos colocar en la sidebar del blog.Vamos a ver cómo se hace:

El código que usas es éste:

<marquee direction="up" scrollAmount="1" style="background- text-align: center; width:150px;height:150px;border:1px solid #000000;padding:3px" onMouseover="this.scrollAmount='0'" onMouseout="this.scrollAmount='2'">
<a href="URL DEL ENLACE" title="TÍTULO"><img src="URL DE LA IMÁGEN"</a> <br>
<a href="URL DEL ENLACE" title="TÍTULO"><img src="URL DE LA IMÁGEN"</a> </marquee>


Explicación:

marquee direction es el que orienta el movimiento de los enlaces [hacia arriba (up),abajo (down),a la derecha (right) o a la izquierda (left)]
scrollAmount es la velocidad de movimiento. A mayor número, mayor será la velocidad.
text-align es la posición de los enlaces [centrados (center),a la derecha (right)o a la izquierda (left)]
width es el ancho de la tabla y height es el alto.
border es el grosor del borde de la tabla.
#000000 podemos reemplazarlo por el color que querramos (en hexadecimales)

Ejemplo:







Ahora que ya sabemos cómo hacerlo, podemos modificar el código a nuestro gusto y lograr efectos interesantes...Les dejo algunas ideas:







como este otro...:







o tal vez éste:







...En fin, hay muchas formas de personalizarlo, cambiando los bordes, colores,tamaños, etc.
Ya saben, si tienen alguna duda, háganmela saber.

No hay comentarios:

Publicar un comentario