Marquesina
 
Bueno, en primer lugar de este post, explicare que es una marquesina:

Marquesina= una marquesina son una(s) palabra(s) que se mueve o sea que digamos: un texto aparece en la derecha de la pantalla y se va moviendo a la izquierda, y cuando llega al final de su rumbo el texto empieza a desaparecer. Y aquí explicaremos absolutamente todo sobre como funcionan las marquesinas

Bueno, en primer lugar enseñaremos las 2 etiquetas basicas de marquesina, la marquesina normal(de derecha a izquierda) y la marquesina que rebota.

-Marquesina normal:

 
Código
<marquee>Texto aquí</marquee>
Código Funcionando


-Marquesina que rebota:

 
Código
<marquee behavior=alternate>Texto aquí</marquee>
Código Funcionando

 
Bueno esos son bastante básicos, pero ahora voy a enseñar como colocar muchos más efectos a este genial codigo html.

 
-Como hacer que controlemos la cantidad de espacios que se salta la marquesina:


 
Código
<marquee scrollAmount="1">Texto aquí</marquee>
Código Funcionando

 
-Luego, si queremos controlar el tiempo que se salta esos espacios, seria:

 
Código
<marquee scrollAmount="1" scrolldelay="100">Texto aquí</marquee>

Código Funcionando

Los "100" son los milisegundos.(P.D=100 milisegundos=1 segundo)


-Controlar desde donde hasta donde la marquesina:

 
Código
<marquee width=50% height=80 ALIGN=BOTTOM>Texto aquí</marquee>

Código Funcionando

P.D= este codigo se puede colocar los numeros en % o pixeles(el "80" es el pixele.)


-Colocar un fondo a color a la marquesina:

Código
<marquee bgcolor="AA0000">Texto aquí</marquee>

Código Funcionando
El efecto se ve usando IE, con Mozila no se aprecia

-Controlar dirección:

Código
<marquee direction="up">este texto está en dirección hacia arriba</marquee>

Código Funcionando
P.D= las direcciones tienen que estar en ingles.

Bueno creo que eso ha sido todo en cuanto al código de marquesina, pero el tutorial continua, ya que la marquesina se puede fucionar con otros codigos html!

-Controlar la fuente de la marquesina:

Código
<font face="Arial"><marquee>Texto aquí</marquee></font>

Código Funcionando

P.D= la fuente tiene que ser escrita al 100% correcta para que funcione.(aunk no comprobado lo de mayusculas)

-Colocar color al texto de la marquesina:

Código
<font color=#FFFFFF><marquee>Esto texto sería colo blanco</marquee></font>

Código Funcionando



 
   
 
Creative Commons License
colhack by www.colhack.es.tl is licensed under a Creative Commons Reconocimiento 2.5 Colombia License.
Based on a work at www.colhack.es.tl.
Permissions beyond the scope of this license may be available at www.colhack.es.tl/colhack.htm. Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis