Este post lo escribí hace un tiempo en mi blog The Refuseniks y se lo dediqué en su día a Gem@ de Gem@ Blog (actualmente miembro activo de este club) en agradecimiento a su ayuda como bloggera en mis inicios, hoy quiero dedicároslo a tod@s vosotr@s miembros y visitantes del Club de la casa del árbol, ya que durante todo este tiempo, estos códigos que os pasaré para crear scrolls me han sido muy útiles.
Actualización:Scroll Crazy o Scroll Loco
Este scroll ha sido una gentileza de parte de Gem@ Blog hacia el Club de la casa del árbol, si quieres ver este scroll en su blog haz clic aquí, desde este espacio te damos las gracias.
|
Scroll crazy o scroll loco con texto:
|
Para hacer un scroll crazy o scroll loco, solamente debemos envolver el texto al cual queramos darle movimiento entre etiquetas marquee, y modificar algunas características de la siguiente manera:
Cópialo de aquí y pégalo en tu blog:
Mira el efecto que hace este código:
|
La etiqueta marquee es la protagonista de esta historia, veremos los siguientes scrolls:
|
- Scrolls horizontales: Con texto, con imágenes, percutor e híbrido.
- Scrolls verticales: Con texto, con imágenes e híbrido
Es sencillo, presta atención, utilizaremos HTML:
|
Scroll horizontal con texto:
|
Para hacer un scroll horizontal con texto, solamente debemos envolver el texto al cual queramos darle movimiento entre etiquetas marquee, de la siguiente manera:
Cópialo de aquí y pégalo en tu blog:
Mira el efecto que hace este código:
Club de la casa del árbol
Por defecto si no definimos las características, la etiqueta marquee moverá el texto de derecha a izquierda.
Si queremos invertir ese efecto debemos cambiarle la característica de dirección:
Cópialo de aquí y pégalo en tu blog:
Mira el efecto que hace este código:
Club de la casa del árbol
|
Scroll horizontal con imagen:
|
Para hacer un scroll horizontal con imagen, debemos hacer exactamente igual que con el texto, osea envolver la imagen a la cual queramos darle movimiento entre etiquetas marquee, de la siguiente manera:
Cópialo de aquí y pégalo en tu blog:
Mira el efecto que hace este código:

Si queremos invertir ese efecto debemos cambiarle la característica de dirección:
Cópialo de aquí y pégalo en tu blog:
Mira el efecto que hace este código:

|
Scroll horizontal híbrido:
|
Para hacer un scroll horizontal con imagen y texto, lo que es lo mismo un scroll híbrido, debemos envolver la imagen y el texto a los que queramos darle movimiento entre etiquetas marquee, de la siguiente manera:
Cópialo de aquí y pégalo en tu blog:
Mira el efecto que hace este código:
Club de la casa del árbol
Si queremos invertir ese efecto debemos cambiarle la característica de dirección:
Cópialo de aquí y pégalo en tu blog:
Mira el efecto que hace este código:
Club de la casa del árbol
|
Scroll horizontal percutor:
|
Para hacer un scroll horizontal percutor, solamente debemos envolver el texto al cual queramos darle movimiento entre etiquetas marquee, de la siguiente manera y modificar sus características añadiéndole un comportamiento o behavior llamado alternate, que es el que le da el efeto percutor.
Cópialo de aquí y pégalo en tu blog:
Mira el efecto que hace este código:
El club de la casa del árbol
|
Scroll vertical con texto:
|
Para hacer un scroll vertical, solamente debemos envolver el texto que queramos darle movimiento entre etiquetas marquee, al igual que el scroll horizontal, pero debemos definir las caraterísticas de la etiqueta marquee de la siguiente manera:
Cópialo de aquí y pégalo en tu blog:
Mira el efecto que hace este código:
Club de la casa del árbol
Si queremos invertir ese efecto debemos cambiarle la característica de dirección:
Cópialo de aquí y pégalo en tu blog:
Mira el efecto que hace este código:
Club de la casa del árbol
|
Scroll vertical con imágenes:
|
Para hacer un scroll vertical solamente debemos envolver la imagen que queramos darle movimiento entre etiquetas marquee, al igual que el scroll horizontal, pero debemos definir las caraterísticas de la etiqueta Marquee de la siguiente manera:
Cópialo de aquí y pégalo en tu blog:
Mira el efecto que hace este código:

Si queremos invertir ese efecto debemos cambiarle la característica de dirección:
Cópialo de aquí y pégalo en tu blog:
Mira el efecto que hace este código:

Para hacer un scroll vertical híbrido solamente debemos envolver la imagen que queramos darle movimiento entre etiquetas marquee, al igual que el scroll horizontal, pero debemos definir las caraterísticas de la etiqueta Marquee de la siguiente manera:
Cópialo de aquí y pégalo en tu blog:
Mira el efecto que hace este código:
Silvina
Buscador de sueños enlazas fantasias a la realidad
The Refuseniks
...durante todo este tiempo, estos códigos que os pasaré para crear scrolls me han sido muy útiles...
!-------------------------------->!-------------------------------->