jueves, 10 de diciembre de 2015

Marquesinas ( todo )

13:16    
MARQUESINAS
Las marquesinas son texto en movimiento. Ya funciona con ambos navegadores (hasta hace poco Netscape no lo implementaba, el 7 ya lo hace).
La etiqueta es <MARQUEE>, un texto a desplazar y su cierre </MARQUEE>. Sin atributos quedará:

<BODY>
<MARQUEE> Aquí pongo el texto </MARQUEE>
</BODY>

Aquí pongo el texto
Así vemos los que tiene por defecto y que son: ocupa todo el ancho del cuadro, tiene la altura de la línea de texto y va de derecha a izquierda.
Podemos poner varias frases si colocamos <P> o <BR> dentro.
<BODY>
<MARQUEE> Aquí pongo un texto <P>
Y aquí otro
</MARQUEE>
</BODY>

Aquí pongo el textoY aquí otro
Vamos a empezar a meter atributos y a cambiar un poco la cosa.
Empezamos con las medidas que son las viejas conocidas WIDTH y HEIGHT que toman valores en píxeles o en porcentajes de pantalla.

<BODY>
<MARQUEE WIDTH=70% HEIGHT=40> Aquí pongo el texto
</MARQUEE>
</BODY>
Que se verá con 70% de ancho (del cuadro azul que para los efectos es como si fuera la pantalla completa) y 40 px de alto.

Aquí pongo el texto
El color de fondo quedará curioso. Echamos mano del atributo BGCOLOR.
<BODY>
<MARQUEE BGCOLOR=#7070ff> Aquí pongo el texto
</MARQUEE>
</BODY>

Aquí pongo el texto
No funciona con imágenes como fondo.
No he conseguido alinear el texto que rodea al cuadro de marquesina con la vieja ALIGN, que toma valores de top, bottom, middle, left y right. Según todos lo manuales debería funcionar como lo hacían en la etiqueta <IMG> pero no me funciona con Explorer 6 y con Netscape 7 hace cosas raras.
El atributo BEHAVIOR es el que da más juego, su valor por defecto es scroll que significa que aparece por la derecha, se va a la izquierda y de forma continuada. Si le damos el valor slide y alternate tenemos:

<BODY>
<MARQUEE BEHAVIOR=slide> Aquí pongo el texto
</MARQUEE>
</BODY>

Aquí pongo el texto
Para verlo funcionar actualiza la página ya que al pararse y funcionar sólo una vez, no lo vemos.

<BODY>
<MARQUEE BEHAVIOR=alternate> Aquí pongo el texto
</MARQUEE>
</BODY>

Aquí pongo el texto
DIRECTION servirá para definir hacia donde mando el texto que, por defecto, va hacia la izquierda. Yo puedo mandarlo a la derecha así:
<BODY>
<MARQUEE DIRECTION=right> Aquí pongo el texto
</MARQUEE>
</BODY>

Aquí pongo el texto
O hacia arriba o abajo con down y up.
<BODY>
<MARQUEE HEIGHT=50 DIRECTION=up> Aquí pongo el texto
</MARQUEE>
</BODY>

Aquí pongo el texto
La velocidad de desplazamiento varía con SCROLLAMOUNT, que marca los saltos según el valor numérico; y SCROOLDELAY que determina el retraso en el movimiento en milisegundos. Veámoslo:

<BODY>
<MARQUEE SCROLLAMOUNT=40> Aquí pongo el texto
</MARQUEE>
</BODY>

Aquí pongo el texto
Mareante...

<BODY>
<MARQUEE SCROLLDELAY=1000> Aquí pongo el texto
</MARQUEE>
</BODY>

Aquí pongo el texto
Y este desespera (le he puesto 1000, que es un segundo).
El atributo LOOP (indefinido por defecto, como ya hemos visto), define el número de veces que vamos a ver moverse el texto.

<BODY>
<MARQUEE LOOP=2> Aquí pongo el texto
</MARQUEE>
</BODY>

Aquí pongo el texto
Tendremos que actualizar la página.
Los atributos HSPACE Y VSPACE los conocemos, definirían el espacio horizontal y vertical del texto fuera de la marquesina.

<BODY>
<MARQUEE BGCOLOR=yellow VSPACE=20> Aquí pongo el texto
</MARQUEE>
Otro texto.
</BODY>

Aquí pongo el textoOtro texto
Ni que decir tiene que podemos aplicar otras etiquetas como la de centrado, por ejemplo. Le pondremos color para que se distinga del fondo.
<BODY>
<CENTER>
<MARQUEE WIDTH=50% BGCOLOR=#ffff00> Aquí pongo el texto
</MARQUEE>
</CENTER>
</BODY>

Aquí pongo el texto
Mira esto que bonito que queda con la etiqueta <FONT>:

<BODY>
<CENTER>
<MARQUEE WIDTH=70% BGCOLOR=#ffff00>
<FONT FACE=arial COLOR=red SIZE=5>
Aquí pongo el texto
</FONT>
</MARQUEE>
</CENTER>
</BODY>

Aquí pongo el texto
También la podemos meter en una tabla (ya se verán más adelante).

Aquí pongo el texto
O meter la tabla en la marquesina:

Aquí pongo el texto

Y podremos poner imágenes en vez de texto.
<MARQUEE WIDTH="80%" BEHAVIOR="alternate"> <IMG SRC="imagen.gif"> </MARQUEE>