Template by:
Free Blog Templates

sábado, 28 de junio de 2014

Marquesina


Para destacar alguna cosa, colocar un mensaje de Bienvenida a tu sitio, o simplemente decorarlo, un truco bien sencillo y muy vistoso es la famosa marquesina.
Para implementarla, como siempre digo, no hace falta tener amplios conocimientos de programación y html, sino ser cuidadoso en hacerlo paso a paso.
Las marquesinas son textos en movimiento.


Esto es una marquesina simple




Para lograr este efecto debes colocar, en el modo HTML de tu editor de texto, lo siguiente

<marquee> AQUI EL TEXTO QUE QUIERAS </marquee>


Esta es la técnica básica que luego puedes modificar a tu gusto para poder lograr otros efectos, por ejemplo:

El texto va hacia arriba

<marquee direction="up">AQUI EL TEXTO</marquee

EL TEXTO SUBE

El texto va hacia la derecha

<marquee direction="rigth">AQUI EL TEXTO</marquee>


EL TEXTO HACIA LA DERECHA


El texto hacia abajo

<marquee direction="down">AQUI EL TEXTO</marquee>

EL TEXTO HACIA ABAJO
También puedes configurar algunos otros aspectos de la marquesina, utilizando el siguiente código y modificándolo a tu gusto:


<marquee style="FONT-SIZE: 40px; COLOR: #E5C349" behavior="alternater" width="100" bgcolor="#E5C349" height="40">AQUI EL TEXTO</marquee>



  • 300 (with) es el ancho de la marquesina
  • 60 (height) es el alto
  • #E5C349 (bgcolor) es el color del fondo
  • 40px (FONT-SIZE) es el tamaño del texto
  • #E5C349 (COLOR) es el color del texto




0 comentarios:

Publicar un comentario