31 julio 2009

Marquesinas para tu blog

 

El código HTML básico para crear marquesinas es el texto ubicado dentro de esas etiquetas va a moverse hacia la izquierda formando un efecto de marquesina, en este ejemplo pueden ver lo explicado:

demostracion

codigo


Como podrán ver en el ejemplo, el texto lentamente se mueve, sin embargo no tiene fondo y no tiene ningún elemento extra. Lo que haremos ahora será definir lo siguiente:

  • Width="xx" Ancho de la marquesina, puede ser puesto en Pixeles ( px ) o en Porcentaje ( % )
  • Height="xx" Alto de la marquesina, puede ser puesto en Pixeles ( px ) o en Porcentaje ( % )
  • bgcolor="#rraagg" Color de fondo, establecido por un Color HEX
  • behavior="alternate" Introduciendo este parámetro la marquesina reborará dentro del tamaño especificado por width/height.
  • Color y tamaño de la Letra: Para esto es necesario agregar el parámetro style="FONT-SIZE: XX; COLOR: #rraagg", donde XX es un valor numerico definido en pixeles / porcentaje y el color es definido por un Color HEX .

Esto nos dará un resultado como este:

Demostracion

codigo


Enlaces para compartir en tu blog o pagina web.




Widget por Friki Bloggeo