Información sobre las materias de un Docente.

jueves, 19 de noviembre de 2015

Efectos De Texto Con Movimiento.





    En el siguiente post se presentaran diferentes instrucciones para darle efectos de movimiento al texto para entradas de Blogger.

    Se utiliza el comando HTML marquee. El cuál es un código especial que hace que el texto se mueva hacia arriba, izquierda o derecha.  A continuación se presenta la sintaxis para poder utilizar está instrucción.


a) Para mover el texto hacia izquierda
Sintaxis:
<marquee> ¡Hola! Texto hacia la izquierda ««« </marquee>
¡Hola! Texto hacia la izquierda «««

b) Para mover el texto hacia la derecha
Sintaxis:
<marquee direction="right"> ¡Hola! Texto hacia la derecha »»» </marquee>
¡Hola! Texto hacia la derecha »»»

c) Para hacer que se mueva el texto alternamenteSintaxis:
<marquee behavior="alternate"> ¡Hola! De ««« a »»» </marquee>
¡Hola! De ««« a »»»

d) Para hacer que se mueva el texto hacia arriba
Sintaxis:
<marquee direction="up"> ¡Hola! Hacia arriba </marquee>
¡Hola! Hacia arriba


e) Para hacer que se mueva el texto hacia abajo
 Sintaxis:
<marquee direction="down"> ¡Hola! Hacia abajo </marquee>

¡Hola! Hacia abajo

f) Para ponerle color al fondo del texto
Sintaxis:

<marquee bgcolor="greenyellow"> ¡Hola! Con fondo de color </marquee>

¡Hola! Con fondo de color


g) Para ponerle color al texto
Sintaxis:

<font color="darkviolet"><marquee>¡Hola! Texto con color </marquee></font>

¡Hola! Texto con color

h) Para ajustar la velocidad del movimiento. Cuanto más alto el número, más rápido.

Sintaxis:
<marquee scrollamount="19">¡Hola! Rápido </marquee> 

¡Hola! Rápido

Cuanto más bajo sea el número, más lento.
Sintaxis:

<marquee scrollamount="2">¡Hola! Lento </marquee>

¡Hola! Lento

i) Con imágenes
Sintaxis:
{<marquee> dirección de la imágen </marquee>}


<marquee><a href="http://2.bp.blogspot.com/-oW-TKd6oeuM/VkF6XLQ1TNI/AAAAAAAAAQI/5_jRq9N610U/s1600/emoticon.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://2.bp.blogspot.com/-oW-TKd6oeuM/VkF6XLQ1TNI/AAAAAAAAAQI/5_jRq9N610U/s200/emoticon.jpg" width="175" /></a></marquee></div>





0 comentarios :

Publicar un comentario