MARQUEE DE TEXTO
Tutorial creado por Mundo Pixel©
Necesitaremos el programa
FrontPage
Arrastra esta pequeña regla o guía para marcar los pasos a seguir en el tutorial.
para crear paginas HTML
En estas lección intentare explicar lo mejor posible los pasos que vamos a realizar
Para saber como poner un MARQUEE de TEXTO
Códigos para colocar los diferentes
MARQUEE. (Palabras que corren)
Lo que aquí veis son los Códigos HTML del Marquee
En sus diferentes formas que tienes que insertar dentro de la solapa código del
FrontPage
Colocas el cursor delante de la primera letra de la palabra
Saludos
y vas a colocar lo siguiente:
<marquee>
Luego colocas el cursor después de la última letra de
Saludos y colocas:
</marquee>
Verás que sale el siguiente mensaje:
<marquee>
Saludos</marquee>
Es decir, la palabra
"Saludos"
debe estar en el medio de los dos códigos
Ahora en la pestaña Vista Previa (Preview), puedes visualizar cómo "correrá" (en este caso) la palabra
Saludos
OBSERVACIÓN:
Es importantísimo que la primera palabra
<marquee>
no lleve el /
porque eso significa cerrado y no te saldrá el código...
El signo / deberá ser colocado en la última palabra
(después de la "S")
</marquee>
A continuación os voy a proporcionar varios códigos con los ejemplos, para que los practiquéis:
Código 1:
Regular Marquee (el texto corre hacia la izquierda)
<marquee>
Saludos</marquee>
Código 2:
Right Marquee
(el texto corre hacia la derecha)
<marquee direction=right>Saludos
</marquee>
Código 3:
Faster Marquee (Corre hacia la izquierda muy rápido)
<marquee scrollamount=30>Saludos
</marquee>
OBSERVACIÓN:
Yo le coloqué el número 30, pero podéis cambiarlo si lo deseas.
Sólo recordar que mientras mayor sea el número, más rápido correrá la palabra
Código 4:
Background Color Marquee
(marquee con fondo)
<marquee bgcolor="blue">Saludos
</marquee>
OBSERVACIÓN:
Para cambiar el color de la letra dentro del marquee, sólo tenéis que hacer doble click sobre la palabra
y allí sombreáis todo y le colocas el color que pueda verse con el fondo escogido.
En este caso yo escogí como fondo del marquee azul más fuerte y las letras en
azul claro.
Código 5:
Bouncing Marquee (palabra que rebota de izquierda a derecha)
<marquee behavior=alternate>
Saludos</marquee>
Código 6:
Sliding Marquee
(sólo se desplaza hacia la izquierda y se detiene)
<marquee direction=right>Saludos
</marquee>
Código 7:
Smaller Marquee (marquee estrecho)
<marquee width=30%>
Saludos</marquee>
OBSERVACIÓN:
Yo le coloqué el número 30, pero tu puedes cambiarlo si lo deseas.
Sólo recuerda que mientras mayor sea el número, más ancho correrá la palabra.
Código 8:
Blinking Marquee
(Marquee saltando hacia la izquierda)
<marquee scrollamount=400 scrolldelay=500>Saludos
</marquee>
Código 9:
Middle Marquee (Corre en ambas direcciones)
<marquee direction=left width=50%>Saludos
</marquee>
<marquee direction=right width=50%>Saludos
</marquee>
Código 10:
Centered Marquee
(Aparece la palabra centrada)
<center><marquee width="33%>Saludos
</marquee>
Código 11:
Align to the Right Marquee (Alineado a la derecha)
<marquee align=right width="33%">Saludos
</marquee>
Código 12:
Align to the vertical Marquee
(Alineado a la derecha)
<marquee style="WIDTH: 305px; HEIGHT: 129px" scrollAmount=5 scrollDelay=2 direction=up behavior=alternate>Saludos</marquee>
Podéis cambiar los estilos de letras y colores utilizando los comandos estándar de fonts
pero aseguraos que las palabras
<marquee>
y </marquee>
sean las etiquetas adyacentes al texto del
marquee.
Colocar todos los comandos de las letras antes de la etiqueta
y situar la etiqueta
</font>
después de la etiqueta
</marquee>
Podéis también incluir el marquee en
TABLAS, siempre y cuando sigáis las instrucciones
