domingo, 30 de mayo de 2010

DESPLAZAMIENTO DE TEXTO (MARQUESINA)

Marquesina Básica:

Marquesina Básica
La marquesina básica se desplaza a lo largo del ancho de la pantalla y el texto se mueve de derecha a izquierda.

<marquee>Marquesina básica</marquee>
Modificaciones:

Podemos crear marquesinas de todo tipo combinando atributos:

width(ancho):Lo podemos expresar en % o en píxeles.
height(alto):Lo podemos expresar en % o en píxeles.
align(alineación):top(arriba),middle(centrado),bottom(abajo).


Marquesina que ocupa el 90% del ancho de la pantalla y tiene una altura de 50 pixeles.



<marquee width="90%" height="50" align="bottom">
Marquesina que ocupa el 90% del ancho de la pantalla y tiene una altura de 50 pixeles.
</marquee>

behavior: Sirve para definir el estilo del texto.

behavior="scroll"
behavior="alternate"
behavior="slide"

Nota: La marquesina por defecto es de tipo scroll.


Marquesina con movimiento tipo alternate




<marquee behavior="alternate" width="100%" height="50" align="midldle">
Marquesina con movimiento tipo alternate
</marquee>


bgcolor: Modificar el color del fondo de la marquesina.
style: Modificar el color de las letras de la marquesina.


Marquesina con colores...



<marquee style="color: #FF0033;" behavior="alternate" align="midldle" bgcolor="#9999FF" width="100%" height="50">
Marquesina con colores...
</marquee>

direction: Dirección hacia donde se dirige el texto.

direction="right"
direction="left"
direction="up"
direction="down"

Nota: El movimiento por defecto es left.


<marquee direction="right" align="bottom" width="90%" height="50">
Marquesina que se desplaza de izquierda a derecha
</marquee>


scrolldelay: Tiempo entre cada movimiento expresado en milisegundos.


Marquesina con tiempo modificado y texto de arriba a abajo


<marquee scrolldelay="600" direction="down" align="bottom" width="90%" height="50">
Marquesina con tiempo modificado y texto de arriba a abajo
</marquee>

Nota: Todas las opciones mencionadas son combinables entre si, asi que lo único que teneis que hacer es personalizar vuestra marquesina haciendo uso de lo anterior, para cualquier duda no dueis en preguntar.

46 Comentarios:

César Osses dijo...

Hola caxitos
buen blog, le echaré un vistazo

saludos desde Chile a la madre patria

Gilberto_myhaus dijo...

Muchas gracias, nunca pensé que fuera tan simple hacer una marquesina, siempre pensé que había que poner un flash o algo. Ya lo he puesto en mi blog y me gusta como ha quedado.

saludos desde México

caxitos dijo...

Wilson depende de donde quieras incorporar la marquesina, si quieres que apararezca en la sidebar tendras que añadir un gadget de tipo HTML/javasript, si la quieres en una entrada tendrás que añadirlo en la parte de la entrada con edición de html, si lo quieres en una parte de la plantilla tendrás que localizar el sitio en el código html, por ejemplo si lo quieres añadir en la cabecera deberás añadirlo entre head y /head, de todas formas si tienes algun problema no dudes en preguntar, si quieres dime el sitio donde quieres añadirlo y te digo exactamente donde debes insertar el código.

wilson dijo...

caxitos gracias lo de la marquesina ya esta resuelto , el problema que tengo ahora es con el de imagen flotante o fija porque como tu dices yo pongo el codigo en el renglon inmediatamente superior a " head" yo pongo el codigo y me sale error la direccion de mi blog es jugarpoker-poquer.blogspot.com

Milalibelula dijo...

Conseguí insertar mi marquesina!:-)))
Me falta mi nube de etiquetas :-S

Gracias!!

J. Ignacio Gaete Montero dijo...

como le puedo agregar a esto e texto cualquiera..me explico..
ejemplo yo tipeo el texto en un text field.. pero aparece en la marquesina deslizandose.. y asi con varios mensajes..como se puede realizar?

caxitos dijo...

Disculpa JIgnacion no entendí tu pregunta, si puedes intentar explicarmelo nuevamente te lo agradecería disculpa.

Noticias al instante dijo...

quisiera preguntarle al dueño del blog si me puede decir a cristian_lomas07@hotmail.com el codigo para hacer el la parte que aqui tu banner que suben las imagenes para arriba gracias

caxitos dijo...

Noticias al instante Lo tienes explicado en la entrada que tiene como url:
http://sitiooriginal.blogspot.com/2009/05/enlaces-en-movimiento.html un Saludo espero que te sirva para cualquier duda no dudes en preguntar.

yoly dijo...

graciaaaaaaaaaaaaaaaas
desde BAJA CALIFORNIA SUR MEXICO.
A LA MITAD DE LA PENINSULA EN EL OCEÁNO PACÍFICOOOOOOOO
GRACIAS POR EXISTIR PERSONAS COMU TÚ QUE A CAMBIO DE NADA DAN TODO
GRACIAAAAAAAAAAS

Sumer dijo...

Olvidaste poner donde hay que ubicar el código. Para la gente que no sabe: hay que ponerlo en un elemento HTML/Javascript ;) Un saludo.

Frank dijo...

Justamente esto estaba buscando...
Me gustaría hacer como tienes en tu blog, una marquesina que se desplace en la ventana de mi Firefox con el titulo del blog.
Entre head y /head no me funciono.
Agradecería respuesta!
Bye !!!

caxitos dijo...

Frank Para poner el titulo e movimiento debes insertarlo en el blody, te dejo en la siguiente entrada como hacerlo:

Titulo en movimeinto

Espero que te sirva, ya me cuentas como fue :)

Frank dijo...

Funciono de maravilla !!!
Implemente este script para:
http://exordium-podcast.blogspot.com/
Muchisimas gracias !

A las ordenes para retribuir el favor cuando quieras !

ALEXIS dijo...

OE TENGO UNA DUDA COMO PUEDE PONER ASI COMO LO HAS PUESOT TU EN LA BARRA DEL EXPLORADOR EN LAS PESTAÑA COMO LO HAGO

caxitos dijo...

Alexis Para crear un menú desplegable, puedes consultar la siguiente entrada donde viene perfectamente explicado, espero que te sea de utilidad.

Menu desplegable

ALEXIS dijo...

OYE CAXITOS GRAXIAS POR LA EXPLICACION YA LO HIZE Y TODO ME SALIO GENIAL TUVE PROBLEMAS CON UNOS CARACTERES ASCI II PERO IGUAL YA CORREGI ERRORES PERO ESTA GENIAL GRAXIAS Y QUE BUEN BLOG Y QUE BUENOS POST : )

Contenido Cumbiero dijo...

estan buenisimas las marquesinas
queria saber como poner las flechas de desplazamiento en mi blog gracias

caxitos dijo...

Contenido Cubiero Escribe "flecha" en el buscador de este blog y verás que te aparecen varias formas de realizar las flechas de desplazamiento. Un saludo.

caxitos dijo...

O´Boticario Puedes cambirle el tamaño de la letra con el atributo font-size es muy fcitilito, busca este atributo si quieres y la forma de usarlo, si no te aclaras avisa y te pongo el código exactamente. Un saludo.

Anónimo dijo...

una pregunta, cómo haces para que tu titulo del blog se mueva asi??

Drinkz Radio dijo...

Ola bueno yo quisiera saber como hacer para que
pueda salir como el titulo de blog el nombre con movimiento como le puedo hacer ?? por fa

caxitos dijo...

Drinkz Radio Hola buenas, justamente lo que estás buscando lo puedes encontrar perfectamente explicado en la siguiente dirección:

http://sitiooriginal.blogspot.com/2009/03/titulo-blog-en-movimiento.html

Espero que te sea de utilidad.

ENRIQUE dijo...

MUY BUENO REALMENTE ESTOS DATOS PARA MEJORAR LAS WEB AGRADECIDO ETERNAMENTE DESDE URUGUAY WWW.FREESHOPSDELURUGUAY.COM

Anónimo dijo...

cómo hago para que la marquesina se muestre en la pestaña o en la parte superior del navegador? enriquesu@gmail.com

vaneº Gonfter dijo...

auxilio!!! como puedo hacer que una maruquesina se estrelle con otra y se desarmen!!?? por fa es urgenteAA

Guillermo F dijo...

Hola. Buena la explicación, clara y sencilla. Quería consultarte por algo más complejo como es el desplazamiento de toda la página hacia un lateral. Pero a la vez que saldría esa página ingresaría otra de la misma forma. Ejemplo para clarificar: supongamos una ruleta a la que hacemos girar; la home vendría a ser el número y el eje sobre la que giraría está fuera de la pantalla. Al salir esa página llega la de al lado, en el mismo sentido. ¿Me expresé bien? ¿Tienes alguna información sobre eso? Gracias desde ya. Saludos,

los Millonarios FC dijo...

Amigo, explicame como se hace ese texto en movimiento de esta página http://www.winsports.co/ en donde dice datos del dia. Es un texto pero con una pausa como si fuera diapositiva. Me podrías ayudar.

RESPUESTA URGENTE GRACIAS.

Total Music dijo...

como le hiciste para que se moviera el texto en la pestaña y en el icono de la barra de tareas

Publicar un comentario en la entrada

Haga su comentario

Bienvenido al Rincon del Blog
Tus comentarios nos ayudan a mejorar
Muchas Gracias por Comentar.