Inicio Condiciones de Uso Mapa del sitio ▼ Ayuda Blogger Afiliación ¡Enlázame! Vótanos en... ▼ Contáctame Acerca de...

viernes, 12 de agosto de 2011

Como deslizar elementos

Una buen opción para que sedeslicen una serie de elementos que no nosotros queremos, y en la dirección que queremos es la etiqueta <marquee>, esta permite que el contenido se mueva en la dirección que deseamos.


El código sería así:
<marquee direction="up" style="width:200px;height:50px;">AQUÍ EL CONTENIDO QUE QUIERES QUE SE DESLICE</marquee>

Tan sólo debes sustituir lo que está en rojo por el contenido que quieres que se mueva, ya sea imagen, texto, vídeo o cualquier cosa.
Si quereis cambiar el ancho, modificad el valor de width (en este caso 200) y para el alto cambiad el valor de heigth (en este caso 50)
También puedes sustituir el up que está en verde para cambiar la dirección del movimiento, de esta forma las posibilidades serían:
Si pones up, los elementos se deslizaran hacia arriba.
Si pones rigth, aunque te pueda parecer que debería moverse hacia la derecha, esto no funcionará.
Si pones left, los elementos se deslizaran hacia la izquierda.
Si pones down, lo elementos se deslizaran hacia abajo.

Existe otra posibilidad, como definir la velocidad a la que desplaza el contenido de la marquesina, lo haremos añadiendo este trozo dentro de la etiqueta <marquee>:
scrolldelay="40"
El número 40 lo sustituimos por el que queramos, a mayo número más lento va.

La útima posibildades de personalización es ponerle un colo de fondo, que añadiremos introduciendo este trozo de código, dentro de la etiqueta <marquee>:
bgcolor="orange"
El color orange, lo sustituimos por el color que queremos mostrar de fondo, recuerda que este debe ser en inglés. Por ejemplo, si queremos un fondo rojo, hay que poner red, o si lo queremos azul, poner blue.

Ejemplo hacia arriba, muy rápido:

¡Hola! Soy un texto moviéndome hacia arriba
Ejemplo hacia abajo, muy lento:

¡Hola! Soy un texto moviéndome hacia abajo

Ejemplo la izquierda, con color de fondo :

¡Hola! Soy un texto moviéndome hacia la izquierda.

Si te funciono el truco o te gusta el post, un comentario se agradece.

8 comentarios:

  1. Pues está chulo el truquillo, igual lo pongo en práctica.

    Un abrazo chico !!.

    ResponderEliminar
  2. Ojalá Celso que le encuentres un buena utilidad, yo por ejemplo, lo uso para los blog recomendados :)
    Saludos,
    Óliver.G

    ResponderEliminar
  3. ¡Qué lindo!
    Oliver, ¿y tu graffiti? Gracias por tu visita y por tus aportes.
    Un abrazo.Elsa

    ResponderEliminar
  4. Mi graffitti :S , aún no lo he subido T_T
    Ya te aviso cuando lo suba.
    Un abrazo.

    ResponderEliminar
  5. Oh, muchisimas gracias. Me ha servido de gran ayuda para mi blog :)

    ResponderEliminar
  6. Me alegro de que te sirviera Osita Dulce, muchas gracias por comentar :)

    ResponderEliminar

Puedes comentar todo tipo de cosas, absteniéndote de:
- Realizar SPAM.
- Escribir insultos faltando al respeto de los demás usuarios.
Recuerda que en este blog, la moderación de comentarios está activada, así que piénsalo bien antes de enviar tu comentario si tiene algo "prohibido".