Como crear scrolls para tu blog
Hola Refuseniks, este segundo post del paso a paso está especialmente dedicado a Gem@ de Gem@ Blog como le prometí, y para que veas Gem@ que para mi lo prometido es deuda ahí va esto, aunque espero, deseo y estoy seguro de que todos le sacareis partido a este post dedicado a la creación de scrolls. La etiqueta marquee es la protagonista de esta historia, veremos los siguientes scrolls:
- Scrolls horizontales: Con texto, con imágenes 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:
Por defecto si no definimos las características, la etiqueta Marquee moverá el texto de izquierda a derecha.
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 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:
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 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:
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 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:
Scroll vertical híbrido:
Para hacer un scroll vertical con texto e imagen, osea híbrido, solamente debemos envolver la imagen y el texto que queramos darle movimiento entre etiquetas Marquee, pero debemos definir las caraterísticas de la etiqueta Marquee de la siguiente manera:
Breve explicación del código:
- Marquee es la etiqueta de scroll propiamente dicha.
- Behavior es el comportamiento de la etiqueta Marquee.
- Scrollamount es la velocidad del Scroll, en este caso 1.
- Direction es la dirección del Scroll, en este caso Up (Arriba)
- Height es la altura que queremos que tenga el Scroll.Os pongo como ejemplo de scroll vertical híbrido el que yo he utilizado en el blog:
Cópialo de aquí y pégalo en tu blog:
Mira el efecto que hace este código:
Término que hace referencia a una persona que por motivo de su edad, cultura, creencias o manías, rechaza abiertamente algún tipo de tecnología.
Post relacionados:
Scroll de Últimos comentarios en Gem@ Blog
Texto que se mueve en Gem@ Blog
Gem@ dijo
Me dejas asombrada, sin duda tus explicaciones son mucho más completas eso es bueno ya tengo donde acudir con mis mil y una duda diaria :)
Gracias por enlazarme en tu post, por los comentarios que dejas en el mío y por esa disposición a ayudar que tienes.
Ya sabes eso... Siempre queda aroma en la mano que regala flores.
Te darás cuenta que no solo enriquece enseñar lo que sabes, sino que te llena como persona cuando compruebes que orientas a quién está perdido entre códigos.
16 Diciembre 2006 | 06:01 PM