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.

19 opinaron:

Yessmi

Qué hermosa forma de moestra los enlaces :)

Besos

Responder
squirrel

Muy bueno; lo voy a aplicar con mis enlaces favoritos

Besitos

Responder
G

Exelente idea !

Un besote

Responder
Jéssica YK

» Yessmi: me alegra que te haya servido.

» squirrel: sí, y si tienes alguna duda, me avisas.

» G: gracias por la visita

S@lu2

Responder
Shavy

Yo de nuevo.

Gracias por el truco, vaya que hay cosas buenas acá.

BENDICIONES
Shavy

Responder
Jéssica YK

Shavy: encontrarás muchas cosas en mi blog sobre ayuda para blogs.
Si tienes alguna duda en cualquier post, deja algún comentario para ayudarte

S@lu2

Responder
Smark

:D justo lo que buscaba
muchas gracias

Responder
Jéssica YK

Smark: es genial que te haya sido útil :)

S@lu2

Responder
YSSA

Debo de ser una melona tremenda,por que no entiendo la parte del código donde dice:"titulo"...a que se refiere?
Muchas gracias por tus aportes y ayuda,tienes un blog muy interesante en el que se puede sacar mucho provecho,de seguro visitaré a menudo

Responder
Jéssica YK

YSSA: donde dice TÍTULO es la descripción de ese enlace, por ejemplo, si pasas el mouse sobre los botones que están en movimiento, verás que aparece un rectángulo de color amarillo y que dice "Diversas & Variadas" y en el otro botón dice "Blogger".
Gracias por tu visita y espero que vuelvas pronto :)

S@lu2

Responder
YSSA

gracias Jéssica,eres un sol.........

Responder
Jéssica YK

YSSA: gracias a ti por la visita :)

S@lu2

Responder
Yaritza Fontánez

Hola el scroll me ha funcionado solo para dos images, luego le repito el codigo y no se mueven. como hago para ponerme muchos enlaces con imagenes??

Responder
Jéssica YK

Yaritza Fontánez: he visto tu blog y vi que los scrolls funcionan perfectamente, donde dice Favoritos y bibliotecas virtuales. Hay varios enlaces, más de dos y todos funcionan. Quizás ya hayas solucionado el problema, lo que me alegra mucho :)

S@lu2

Responder
LA GLORIA DE DIOS

no me sirve el scroll, solo me sale el borde del scroll

Responder
Jéssica YK

» La Gloria de Dios:
En cuál de tus blogs lo has aplicado? Necesito el dato para poder ayudarte :)

S@lu2

Responder
Kisuu

GRACIAAAAAAAAAAAAAAAS! ;)

Responder
Jéssica YK

» Kisuu:
Gracias a ti por la visita :)

S@lu2

Responder
Bicho

pero hay muchas formas para lograr eso de una forma más estilizada... jquery, motools, por mencionar algunos

saludos

Responder

Por favor, trata de tener habilitado tu perfil (has click en "Comenta con el antiguo editor" para iniciar sesión) o deja un enlace a tu blog escogiendo la opción "Nombre/URL", procura no dejar comentarios Anónimos.
Nota: Si es que se presenta algún problema con el formulario de comentarios, sólo has click en "Comenta con el antiguo editor"

Gracias por participar en el blog.

inicio