MARQUESITAS PARA TU BLOG

Marquesitas horinzontal con texto e imagen

Para conseguir el efecto del texto en movimiento es muy sencillo tan sólo tienes que insertar el texto que quieras entre estas dos etiquetas

Aquí va el texto

Codigo:

<marquee>Aquí va el texto</marquee>

Aqui va el texto

Codigo:

<marquee bgcolor=#FFD700>Aquí va el texto</marquee>

Aquí va el texto

Codigo:

<marquee bgcolor=#FFD700 height=25 width=50% >Aquí va el texto</marquee>

Aqui el texto

Codigo:

<marquee style="border:#FF4500 2px solid">Aqui el texto</marquee>

Aquí va el texto

Codigo:

<font color="#ffd700"><marquee direction="left" style="background:# 696969">Aquí va el texto</marquee></font>

Aquí va el texto

Codigo:

<span class="gen"><marquee scrollamount=5 onmousemver=this.stop() onmousemut=this.start() width=50% behavior=alternate /> ><font color="#ffd700"><b>Aquí va el texto</b></font></marquee><br /></span>

Codigo:

<marquee><img src="url de la imagen subida al blogger" ></marquee>

Marquesitas vertical con texto o imagen

Aquí va el texto

Codigo:

<marquee onmouseover="stop()" onmouseout="start()" scrollamount="2" scrolldelay="100" direction="up">Aquí va el texto </marquee>

Aquí el texto

Codigo:

<marquee direction="up" behavior="alternate">Aquí el texto</marquee>

Codigo:

<marquee onmouseover="stop()" onmouseout="start()" scrollamount="2" scrolldelay="100" direction="up"><img src="url de la imagen subida al blogger" ></marquee>

podemos enmarcarlo y poner dos textos

Aqui va el texto
Aqui va el texto

Codigo:

<marquee direction="up" scrollamount="2" style="background- text-align: center; width:120px;height:150px;border:1px solid #000000;padding:3px" onmouseover="this.scrollamount='0'" onmouseout="this.scrollamount='2'">Aquí va el texto<br><br />Aquí va el texto</marquee>

Codigo:

<marquee direction="up" scrollamount="2" style="background- text-align: center; width:120px;height:150px;border:1px solid #000000;padding:3px" onmouseover="this.scrollamount='0'" onmouseout="this.scrollamount='2'"> <img src="url de la imagen subida al blogger"><br><br /> <img src="url de la imagen subida al blogger"></marquee>

Aquí va el texto

Codigo:

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">Aquí va el texto</marquee></marquee>

Aquí va el texto

Codigo:

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">Aquí va el texto</marquee></marquee>

La forma de modificarlo a nuestro gusto es la siguiente:
background-color: #xxxxxx Sustituimos #xxxxxx por el color deseado.
scrollAmount="1" Variamos el valor "1" por menos o superior número según velocidad de las imagenes.: es la velocidad con que se mueve la animación, jugar con este valor para conseguir el valor que desees (1, 2, 3, 4)
width:100px Modificamos el valor 100px para el ancho del scroll. :Ancho de la marquesita, puede ser puesto en Pixeles (px) o en Porcentaje (%)
eight:170px Es la altura del scroll( o animacion) podemos también variar su tamaño.: Alto de la marquesina, puede ser puesto en Pixeles ( px ) o en Porcentaje ( % ) mover en valores de 10 en 10.
border:2px Variamos 2px por menor o mayor número según el grosor del borde.
border:2px solid #yyyyyy; Es el color del borde podemos cambiar #yyyyyy; por el color deseado.
bgcolor="#rraagg" Color de fondo, establecido por un Color HEX.
behavior="alternate" Introduciendo este parámetro la marquesina reborará dentro del tamaño especificado por width/height.
Color y tamaño de la Letra: Para esto es necesario agregar el parámetro style="FONT-SIZE: X; COLOR: #rraagg", donde XX es un valor numerico definido en pixeles / porcentaje y el color es definido por un Color HEX .
Donde dice "url del link que quieres dirigir la visita" debemos añadir la url de la página a enlazar.
En "texto" añadimos el texto que aparecerá al pasar el mouse por encima del enlace.
Para añadir la imagen lo podemos hacer en "url de la imagen subida al blogger"


¿Queres conseguir este efecto?
Introducir el texto que quieras aqui

Codigo:

<marquee scrollamount="1" direction="up" height="10">Introducir el texto que quieras aqui</marquee>

Introducir el texto que quieras aqui

Codigo:

<marquee scrollamount="1" direction="down" height="10">Introducir el texto que quieras aqui</marquee>

Aquí en texto
Para conseguirlo debes introducir este código en la edición de HTML de nuestro blog o plantilla;

Codigo:

<marquee behavior=""direction="up" acrollamount="1" heigth="10">Aquí en texto</marquee>

-Y si en direction="up" ponemos down ósea, obtendremos este efecto:
Aquí en texto
Debes introducir este código en la edición de HTML de nuestro blog o plantilla.

Codigo:

<marquee behavior=""direction="down" acrollamount="1" heigth="10">Aquí en texto</marquee>

-scrollamount="1" -es la velocidad con que se mueve la animación, jugar con este valor para conseguir el valor que desees (1, 2, 3, 4) -height="10" -es la altura de la animación mover en valores de 10 en 10.
Como podrán ver en el ejemplo, el texto lentamente se mueve, sin embargo no tiene fondo y no tiene ningún elemento extra. Lo que haremos ahora será definir lo siguiente:
Width="xx" Ancho de la marquesina, puede ser puesto en Pixeles ( px ) o en Porcentaje ( % )
Height="xx" Alto de la marquesina, puede ser puesto en Pixeles ( px ) o en Porcentaje ( % )
bgcolor="#rraagg" Color de fondo, establecido por un Color HEX.
behavior="alternate" Introduciendo este parámetro la marquesina reborará dentro del tamaño especificado por width/height.
Color y tamaño de la Letra: Para esto es necesario agregar el parámetro style="FONT-SIZE: X; COLOR: #rraagg", donde XX es un valor numerico definido en pixeles / porcentaje y el color es definido por un Color HEX .
Esto nos dará un resultado como :
Prueba

Codigo:

<marquee style="FONT-SIZE: 30px; COLOR: #ff0000" behavior="alternater" width="100" bgcolor="#000000" height="40">Prueba</marquee>