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:
Qué hermosa forma de moestra los enlaces :)
Besos
Muy bueno; lo voy a aplicar con mis enlaces favoritos
Besitos
Exelente idea !
Un besote
» Yessmi: me alegra que te haya servido.
» squirrel: sí, y si tienes alguna duda, me avisas.
» G: gracias por la visita
S@lu2
Yo de nuevo.
Gracias por el truco, vaya que hay cosas buenas acá.
BENDICIONES
Shavy
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
:D justo lo que buscaba
muchas gracias
Smark: es genial que te haya sido útil :)
S@lu2
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
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
gracias Jéssica,eres un sol.........
YSSA: gracias a ti por la visita :)
S@lu2
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??
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
no me sirve el scroll, solo me sale el borde del scroll
» La Gloria de Dios:
En cuál de tus blogs lo has aplicado? Necesito el dato para poder ayudarte :)
S@lu2
GRACIAAAAAAAAAAAAAAAS! ;)
» Kisuu:
Gracias a ti por la visita :)
S@lu2
pero hay muchas formas para lograr eso de una forma más estilizada... jquery, motools, por mencionar algunos
saludos
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.