Bienvenid@s al Rincón de d@vitociber * La maKina...de la nostalgia, dedicado a todos aquellos fiesteros nostálgicos.
Donde puedes ver vídeos de la Cultura de Club, todo lo relacionado con la música electrónica.
Espero que este blog los transporte igual que lo hace conmigo buen rollo para tod@s
Categoría: The Refuseniks de Sir Refusenik
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:
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:
Mira el efecto que hace este código:
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:
Mira el efecto que hace este código:
|
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:
Mira el efecto que hace este código:
![]()
Si queremos invertir ese efecto debemos cambiarle la característica de dirección:
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:
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:
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.
Mira el efecto que hace este código:
|
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:
Mira el efecto que hace este código:
Si queremos invertir ese efecto debemos cambiarle la característica de dirección:
Mira el efecto que hace este código:
|
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:
Mira el efecto que hace este código:
![]()
Si queremos invertir ese efecto debemos cambiarle la característica de dirección:
Mira el efecto que hace este código:
![]()
|
Scroll vertical híbrido: |
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:
Mira el efecto que hace este código:
![]()
Aunque en The Refuseniks ya os he hablado de ella, ¿porqué no hacerlo aquí también?.
Ya tenemos un dia fijado para la fiesta de celebración de la Coctelera en Madrid, España.
Si queréis más detalles acerca de la fiesta visitar las Novedades de la Coctelera y si queréis ir a la página de la fiesta hacer clic aquí o en la imagen, en ella encontraréis información acerca de la fiesta y el formulario para apuntaros si es que vais a asistir personalmente.
Según la Coctelera...
Muchos no podréis estar en Madrid y nos habéis reclamado algún tipo de celebración virtual. Solo podemos decir que... ¡la tendréis! No queremos que nadie se quede sin celebrar la nueva Coctelera. Estad atentos a este blog porque en los próximos días daremos todos los detalles de la fiesta virtual.
De momento os anticipamos que coincidirá con la fiesta en Madrid...
También me gustaría informar sobre las noticias de tecnología más destacadas en lo que llevamos de año:
y 58 artículos publicados en este blog

pues bien en este blog tu sueño se hará realidad y piensa que ya no necesitas la llave, estás dentro...

Si lo necesitas visualmente o simplemente eres un inconformista y no es de tu agrado el formato del blog, que sepas que puedes agrandar o disminuir el texto, clicando en la tecla Ctrl y moviendo la ruedecilla del mouse arriba o abajo, también puedes hacerlo con la combinación de teclas Ctrl + o -, para volver a la vista por defecto utiliza la combinación de teclas Ctrl 0






















































