martes, 24 de julio de 2007

SOBRE MARQUESITAS DE TEXTO E IMAGEN


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="#000000"><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"

No hay comentarios.: