BPT. Cuadro con texto desplazandose | Oloblogger 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,...

8 de febrero de 2008

BPT. Cuadro con texto desplazandose

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...

<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>

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

34 comentarios :

  1. es popsible modificar ciertos parametros???? fondo, colores, tipo de letra???

    ResponderEliminar
  2. Gracias. Gracias.

    ResponderEliminar
  3. SOY NUEVO EN ESTO,ACABO DE INSERTAR EL CODIGO DE TEXTO DESPLAZANDOSE Y NO SE MUEVE, SE QUEDA ESTATICO.¿POR QUÉ?. GRACIAS DE ANTEMANO.

    ResponderEliminar
  4. Necesitaría al menos la dirección de tu página para ver qué es lo que pasa.

    ResponderEliminar
  5. CLARO,PERDONA,MI BLOG ES: willyrokadance.soy.es
    AQUÍ ENSEÑAS MUCHÍSIMAS COSAS QUE ME INTERSAN PARA EDICIÓN DE BLOGS QUE ME TENGO QUE EMPOLLAR.GRACIAS POR TODO.DECIRTE QUE NO OBSTANTE ACABO DE CREAR UNA CUENTA Y BLOG EN GOOGLE,ES MUCHO MÁS FACIL QUE EN SOY.ES

    ResponderEliminar
  6. OTRA COSITA Y PERDONA MI IGNORANCIA,¿CÓMO CAMBIO EL COLOR DE FONDO DE LA VENTANA Y LAS LETRAS?GRACIAS.

    ResponderEliminar
  7. Willy, tu comentario junto con otros dos se me pasó. Ya he visto que el cuadro te funciona bien.

    El fondo de la ventana se configura cambiando el número hexadecimal que en el ejemplo aparece como bgcolor="#990000". Sobre el color de las letras, tendrás que cambiar el hexadecimal de style="color:#ffffff;"

    ResponderEliminar
  8. Estupendo y lo mejor, muy fácil.

    Gracias... Un saludo.

    ResponderEliminar
  9. hola, muy bueno tu ej. x casualidad conoceras una etiqueta parecida al marquee ?? que haga lo mismo

    ResponderEliminar
  10. Una etiqueta además de esa no. En HTML eso es lo que hay, pero seguro que hay muchos SCRIPTS que realizan efectos similares.

    ResponderEliminar
  11. GRACIAS POR PERMITIR QUE SE PUEDA VER MI BLOG MAS INTERESANTE

    ResponderEliminar
  12. Hola Oloman de nuevo:
    Veras quisiera que detrás de un texto que dice Otras
    colocar un texto deslizante pero no se como ya que el texto deslizante se me viene debajo de esa palabra (Otras) y no a continuacion .
    Mi blog de pruebas es : priamo@slotdig.com y lo veras en la barra lateral donde pone Mis Coches: Otras

    Un saludo y gracias

    ResponderEliminar
  13. La dirección que me has dejado es una dirección de correo, no una web. De todas formas, no creo que se pueda solapar un texto con un recuadro hecho con MARQUEE.

    Lo único que se podría hacer para conseguir el mismo resultado partiendo del código que aquí se aporta, sería hacer una fila más dentro de la tabla, pero esta sin ningún efecto para que se quede fija.

    ResponderEliminar
  14. Lo siento la direccion correcta es: priamo24.blogspot.com

    Podrias indicarme una web gratis donde tengan gif animados...Yo lo que necesito sería: un boton que por ejemplo cambie de color o contega la palabra New pero tiene que ser pequeño para que queda a continucacion de "Otras"

    ResponderEliminar
  15. Priamo, ahora que lo veo, si lo has hecho en horizontal, sí que tiene un arreglo y es precisamente el que te comentaba de la tabla. Este sería el esquema...

    TABLE TR TD Otras /TD TD Marquee /TD /TR /TABLE

    Ojo si le pones WIDTH a cada celda de no pasarte del ancho disponible porque te lo mandará abajo.

    Si todavía prefieres un GIF ¿por qué no pruebas a crearlo tú mismo? Como es algo fácil, te serviría como práctica.

    De todas formas, a ver si te sirven estos:

    www.gifmania.com.es
    www.gifanimados.com
    www.gifss.com

    ResponderEliminar
  16. Oloman ya lo tengo, muchas gracias por tu ayuda

    ResponderEliminar
  17. No hay de qué... ¡siempre que no preguntes cosas difíciles!

    ResponderEliminar
  18. israel
    me gustaria por favor que me indicara como hacer un menú (etiquetas) como las de este blog seguro que te agradeceria mucho.
    gracias

    ResponderEliminar
  19. israel
    tambien me gustaria que me dijeran donde puedo conseguir plantillas de este estilo.
    Oloman si me puedes regalar tu correo para pedirte ayuda

    ResponderEliminar
  20. Israel, para ver como construir un menú puedes colocar esa misma palabra en el buscador superior y te saldrán varias opciones. Después, para convertirlo en un menú gráfico similar al que ves aquí, habría que colocar una imagen de fondo y una segunda en el evento HOVER para hacer un efecto rollover.

    Plantillas de este estilo hay por muchos sitios, sólo es cuestión de buscar. Creo que si además de "Blogger" y "plantilla" o "template", usas las palabras "grunge" o "vintage", obtendrás unos resultados más ajustados.

    Con respecto a mi correo, es público y lo puedes encontrar en la parte de abajo del blog. No obstante, te agradecería que utilizaras antes el buscador y los propios comentarios, porque me resulta imposible guiar paso a paso a todo el mundo y sólo os puedo ofrecer instrucciones generales para que hagais los cambios que estimeis oportunos.

    ResponderEliminar
  21. EXCELENTEE!!..Gracias x el codigo!!..tambien me gustaria saber si hay alguna forma de ampliar el ancho de las entradas?..

    ResponderEliminar
  22. Dale al buscador con "ancho de entradas", que creo que vas a tener suerte :)

    ResponderEliminar
  23. Como puedo buscar mas diseños de fondo...como este por ejemplo?...puedo crear yo unos?

    ResponderEliminar
  24. Imágenes con licencia Commons en Google, Banco de Imágenes Gratuitas, entre otros muchos sitios dónde puedes buscar imágenes licenciadas para reutilización. Y por supuesto, puedes crearlo tu mismo con cualquier editor de imágenes. Hay varios freeware.

    ResponderEliminar
  25. bueno tu post maestro ya lo tenia algo parecido para poner mi propia publicidad bueno tengo una red de blog pueden visitarlos si lo desean algunos son :
    http://www.invernegocio.blogspot.com
    http://www.mairtube.blogspot.com
    http://www.topmusicrock.blogspot.com

    los demas se encuentran enlazados desde todos losblogs saludos y el blog esta super exitos al creador

    ResponderEliminar
  26. Buenos dias, que excelente herramienta es este blog.... me ha sacado de unos apuros grandisimos, queria consultar... es posible que cuando ubique el mouse en el cuadro este se detenga y como podria hacer que el texto salga en dos columnas.... Dios les bendiga.... Gracias

    ResponderEliminar
  27. Lo de detener el scroll lo ví una vez en otro sitio Martin, pero no funcionaba bien del todo. Ni siquiera esto que se cuenta aquí lo hace. Sé que hay otros sistemas mejores pero lo cierto es que nunca me he puesto con ellos y no te podría decir ninguno en concreto. Lo siento.

    ResponderEliminar
  28. si deseo incluir aparte de un texto, una imagen... ¿como haría?... gracias

    ResponderEliminar
  29. Igual que incluyes texto, se pueden incluir imágenes, enlaces o lo que quieras. Para imágenes sería tecleando < img src="URL_IMAGEN"/>

    ResponderEliminar
  30. Gracias amigo, hay muchas cosas de las que he podido enterarme en tu blog y aplicarlo al mío... sencillamente gracias... Saludos.

    ResponderEliminar
  31. Trate de emplear el código para imagen, pero estoy un poco torpe en esto de los códigos. Puedes indicarme en que parte debo poner el código para imágen, porfavor... nuevamente gracias

    ResponderEliminar
  32. En lugar de "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...", puedes poner otro texto o una imagen mediante el código que te pasé en el comentario #29... o ambas cosas.

    ResponderEliminar
  33. Hola , amigo,el codigo funciona perfectamente,lo instalé en mi blog: http//eltarango.blogspot.com pero no funciona en Firefox, ¿cual es el problema?

    ResponderEliminar
  34. Si ves esta página con FF y funciona, es que algo debes haber cambiado con respecto a lo que se explica. No conozco ningún otro motivo por el que pueda fallar, El Tarango

    ResponderEliminar