Techmania

Marquesinas

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=#FF3399><marquee>Texto sera de color Fucsia</marquee></font>

Código Funcionando
 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis