Como crear marquesinas en tu blog
Este post lo escribí hace un tiempo aquí mismo en The Refuseniks y se lo dediqué en su día a Gem@ de Gem@ Blog en agradecimiento a su ayuda como bloggera en mis inicios, hoy quiero dedicároslo a tod@s vosotr@s, ya que durante todo este tiempo, estos códigos que os pasaré para crear marquesinas me han sido muy útiles.
Alberto Fortes Sánchez nos aporta que scroll no es lo mismo que marquesina y esto son marquesinas
Actualización:Marquesina Crazy o Marquesina Loca
Esta marquesina ha sido una gentileza de parte de Gem@ Blog hacia The Refuseniks, si quieres ver esta marquesina en su blog haz clic aquí, desde este espacio te doy las gracias.
|
Marquesina crazy o Marquesina loca con texto: |
Para hacer una Marquesina crazy o Marquesina loca, 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 las siguientes marquesinas: |
- Marquesinas horizontales: Con texto, con imágenes, percutor e híbrido.
- Marquesinas verticales: Con texto, con imágenes e híbrido
Es sencillo, presta atención, utilizaremos HTML:
|
Marquesina horizontal con texto: |
Para hacer una marquesina 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:
|
Marquesina horizontal con imagen: |
Para hacer una marquesina 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:
|
Marquesina horizontal híbrido: |
Para hacer una marquesina 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:
Si queremos invertir ese efecto debemos cambiarle la característica de dirección:
Mira el efecto que hace este código:
|
Marquesina horizontal percutor: |
Para hacer una marquesina 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:
|
Marquesina vertical con texto: |
Para hacer una marquesina 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:
|
Marquesina vertical con imágenes: |
Para hacer una marquesina 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:
|
Marquesina vertical híbrido: |
Para hacer una marquesina 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:
Gem@ Blog
Gracias por esa gran ayuda que me prestaste
The Refuseniks
...estos códigos que os pasaré para crear marquesinas me han sido muy útiles...
Alma dijo
Una consultita: como hago para poner una imagen y que aparezca cada vez que hago un comentario en un blog?, ni siquiera se como subir una imagen a mi perfil, como se hace?
30 Marzo 2007 | 04:46 PM