Web Trucos Blogger
Principal Administracion Feed del Blog
 

Marquesinas para tu Blog

El código HTML básico para crear marquesinas es <marquee></marquee> 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:

Prueba


<marquee>Prueba</marquee>

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:

Prueba

<marquee style="FONT-SIZE: 30px; COLOR: #ff0000" behavior="alternater" width="100" bgcolor="#000000" height=
"40">Prueba</marquee>

Technorati : , ,

46 comments:

Lisa said...

no me sale lo e intentado es que no se en que parte ponerlo para que salga del lado derecho de mi blog me puedes ayudar¡?

sombra luna said...

me sale eso
Este título no es aceptable: Tag is not allowed: < / marquee >
(lo separe porke tampoco me lo acepta para postear
:(

Mercedes . said...

donde debo poner ese codigo? en HTML pero donde?

Anonymous said...

Estan muy buenos los trucos, pero este en particular no me resulto.. en la vista previa todo perfecto pero al intentar postearlo me da error.

Lastima

César Osses Loncón said...

Grax por el truco.
Esta muy weno.

Jorge said...

En primer lugar decirte que tu blog me sirve de mucha ayuda y en segundo lugar me gustaria hacerte una pregunta:
El efecto de marquesinas me sale bien pero me gustaria que el texto estuviera centrado con la altura. (height). Porfavor, me podriáis ayudar.

Jorge F.
webmaster eurovisiontotal

Usuario said...

a los que no saben como ponerlo:
- Eligen en la parte de Diseño --> Elementos de la pagina
- Crean uno nuevo "HTML y javascript"
- PEgan el codigo, les aparecera un nuevo elemento al costado, dependiendo de la plantilla
- lo arrastran hacia donde quieren, en mi caso lo puse abajo de la imagen de cabecera.

suerte!

jonysatie said...

Gracias me funcionó a la perfección.
Había que agregar un elemento de HTML

Ciudadano said...

no encuentro el lugar donde poner el ccdigo en la plantilla HTML

Monita said...

hola...gracias por tu ayuda...me quedo genial..grax..

CARLOS said...

AMIGO MUCHAS GRACIAS POR TU INFORMACIÓN FUE MUY ÚTIL, PERO QUISIERA SABER SI ES POSIBLE QUE NOS MUESTRES UN EJEMPLO PARA CAMBIAR EL TIPO DE LETRA(FUENTE), PARA PONER UNA DIFERENTE A LA QUE SALE POR DEFECTO.
GRACIAS POR TU COLABORACIÓN
ESPERO TU RESPUESTA.

Silvia Kruchowski said...

Gtacias!!!

GT said...

GRACIAS.. ME QEDÓ TOP

Anonymous said...

Gracias por el tip,me funcionó muy bien.

Una pregunta ¿se puede modificar la velocidad del texto?

Ojala me puedas responder

Saludos

Alex C.H.

Doris said...

Para modificar la velocidad del texto deben agregar al código scrolldelay=#, donde # es la velocidad de desenrollado en milisegundos y scrollamount=#, donde # es la cantidad de texto que se redibuja en cada momento en la marquesina.

Historia said...

Sos un genio!!!!
Este truco me salió perfecto y le da un toque d movimiento a mi blog.
Gracias!!

macarena said...

porque en firefox se ve ta cual se ve en el tuyo. pero en internet explorer no???
se ve cortado?

estrella said...

hola buenas noches. muchas gracias por los trucos. no sabes la ayuda que estoy teniendo . y mas que soy una principiante.

2U Angels said...

hola, gracias or este truco. la verdad es q sime funciono ^0^
una pregunta, como puedo hacer para q nopasen por un costado si no, de arrib hacia abajo?
gracias byebye

el_narcosatanico said...

Man!!!! super el truquete!!!!!!!! buenisima onda!!!!!!

asomate-me.blogspot.com said...

Hola, la verdad es que tu blog me ha sido de gran utilidad para varias cosas.
Ahora bien, necesito ayuda con esto en especial:
quisiera saber cómo incluir la marquesina en la plantilla HTML sin tener que ponerla como un elemento del diseño, ya que quiero que se vea de lado a lado de todo el ancho del blog y por debajo de la cabecera...
quizas por el diseño de mi plantilla no me deja agregar un elemnto debajo de la cabecera, por eso... habrá forma?

Muchas Gracias!!

Naty!

jta said...

Un blog de gran ayuda para los que no nos 'manejamos' muy bien en esto de los blog.
He probado la marquesina y la verdad que va de maravilla.
Mis felicitaciones
Saludos

Javi said...

Buenas. Estoy comenzando en esto de los blogs, y me surge una duda: ¿puedo colocar como marquesina el título de mi blog? Es decir, el título que está en el header. Gracias y enhorabuena por est blog, me es de mucha ayuda. Saludos.

saf372 said...

Gracias por la herramienta. Ya esta puesta y funcionando perfectamente. Saludos

shawn said...

muy buen post me sirvio y eso q recien estoy aprendiendo je

Amigo de la 33 said...

hola y felciidades por tu blog. Ya puse mi marquesina para avisos. Te avientas un 10.- Saludos

elios said...

hola me gustaria saber si se puede agragegar a la marquesina algun link que abra una pagina a modo de banner.


Espero me puedas responder, saludos.

♠Eυℓιι¢єBєѕт♠ ♂ said...
This post has been removed by the author.
♠Eυℓιι¢єBєѕт♠ ♂ said...

HOLAAA A TODOSS! XD

♠Eυℓιι¢єBєѕт♠ ♂ said...
This post has been removed by the author.
♠Eυℓιι¢єBєѕт♠ ♂ said...

muy buen aporte!

El equipo de redacción said...

GRACIAS. HA SALIDO PERFECTO

Illidan said...

wow esta de la patada

incluso puedo modificar el ancho y el largo y adaptarlo a mi gusto

Gracias!!

DJ ErA and DJ TuKy said...

Heyyyy!!! muchas gracias por el truco andaba tiempo buscando como se llamaba eso para hacerlo!!!
MUCHAS GRACIAS!!

PD: Muy buen blog, me pasare por aqui a menudo para poder tunear el mio xDDD, gracias^^

painkiller said...

Muchas gracias me ha sido muy útil

Saludos

caxitos said...

Buenas me gustaría que te pasaras por mi blog para hablar me encantaria agregarte a mi blog y compartamos trucos para blog. UN saludo ya me dices.

ARTE, MÚSICA, REBELION said...

graciaaaaaaaaaaaaassssssssssss

Jorge Gonzales Leon said...

muy interesante la pagina
http://jorgegonzalesleon.blogspot.com/

University Initiative Planning said...

excelente aplicacion gracias por el dato!

REBELIÓN ESTUDIANTIL said...

GRACIAS POR ESTE APORTE, EXCELENTE SU BLOG

Paris said...

mil gracias por tu aporte esta muy bueno me funciono

SoloEstrenos700 said...

muy bueno para uno que esta empezando en esto de los blogs, por cierto visitenme aki

** Extraña Lola ** said...

MYT BUEN TRUCO. ME ENCANTO.... PERO EL UNICO PROBLEMA QUE TENGO ES QUE APARECE EN LA IZQUIERDA QUIETO Y TARDA EN COMENZAR A DESPLAZARSE... ALGUN TRUCO PARA QUE ESTO NO ME PASE???...

EXCELENTE BLOG!!

SALU2

LOLA

Kryz Reivennuz said...

Excelente!

Ya lo agregue
y me puse a jugar un poco con los valores.

Gracias

http://reivennuzdelusions.blogspot.com/

1 said...

excelente la ayuda me requeterrecontra sirvio http://miguelito-puntocom.blogspot.com/
gracias por la markesina

Coro Shemá said...

Bueno el tutorial ehhh

http://coroshema.blogspot.com/

Web Hosting en Mexico