martes, 29 de noviembre de 2011

ツ Tutorial caja marquee


La caja Marquee es una caja muy util para los blogs, nos ayuda a poner texto deslizante como el que vemos mas abajo.Para ponerlo en tu blog solo tienes que dirigirte a:

Diseño | Elementos de la página | Añadir un gadget | HTML/Javascript 

Luego copia y pega alli el siguiente codigo:

<div align="center"><table bgcolor="#990000" border="1" width="200"><tbody><tr><td align="center"><marquee scrollamount="1" direction="up" height="50"><span style="color:#ffffff;">Con un sencillo código, puedes crear un pequeño cuadro con un texto que se desplaza hacia arriba.Prueba a modificar el color, la dirección, etc.Experimenta...</span></marquee></td></tr></tbody></table></div>

Puedes hacer algunos cambios, como son el borde (dandole otro tipo de borde como por ejemplo "dotted"), tambien el background o fondo; y puedes cambiar el color del texto. Puedes tambien poner el texto que se desplace hacia abajo, a la derecha o, a la izquierda.
Para cambiar la posicion de desplazamiento solo tienes que cambiar en el codigo donde dice: direction="up"
La parte palabra "up" de color rojo es lo que vas a cambiar por cualquiera de las siguientes palabras:
"down"                    "left"                    "right"
Puedes cambiar el ancho solo tienes que modificar:   style="width: 200px;
Para cambiar la altura solo tienes que modificar:  height="50
Recuerda que solo debes cambiar la numeracion de color rojo.
Para acelerar o reducir la velocidad del texto solo tienes que mosificar:  scrollamount="1"
(de igual forma a la anterior, solo modificar el numero). Este lo puedes aumentar a 2, 3, 4...
Pero les recomiendo que lo dejen como esta en "1" ya que su lectura a esa velocidad es bena, mas si lo aumentan se dificutara porque ira mas rapido.
Por ultimo, pueden ponerlo transparente con tan solo poner: transparent
en donde dice:  bgcolor="#BB4A6A"
Cambias lo que esta en color rojo por la palabra transparent
Si lo ponen transparente recuerden cambiar el color del texto si lo requiere.
Si quieres quitar las lineas del borde, solo tienes que eliminar toda esta parte del codigo: border="1"
(tuto de DANDO POR GRACIA)



Con un sencillo código, puedes crear un pequeño cuadro con un texto que se desplaza hacia arriba.Prueba a modificar el color, la dirección, etc.Experimenta...



0 ♥ Crazy ♥:

Publicar un comentario