32

Link con texto o imagenes en movimiento

Usando la propiedad "marquee" se pueden obtener efectos muy chulos, como estos links de texto o imagen que pasan y se detienen al pasar el puntero sobre ellos.

Código:

<marquee onmouseover="stop()" onmouseout="start()" scrollamount="2" scrolldelay="100" direction="up">AQUI LOS LINKS</marquee>


Resultado:

ImageShack
Wikipedia
Blogger

Si quieres cambiar la velocidad en "scrolldelay" cambias el 100 por el número que quieras.
Para hacer que el texto se desplace de arriba abajo cambias "up" por "down".

Con imagenes:






Si además añadimos (justo después de marquee) las propiedades "heigh" y "width" podemos modificar el ancho y alto de la marquesina.

¡Suerte y a disfrutar!

Respuesta a una consulta: Para darle la altura y anchura deseada ponéis HEIGHT=300px WIDTH=100px al principio justo después de marquee, y cambiáis el número de px según lo necesitéis.

Entradas Relacionadas:

32 comentarios:


Ana Gabriela Sandino

Vuelvo en mi descanzo y experimento... pues esto se vé buenísimo!

Un abrazo!

Avalon

Querida Rosa: he puesto el código y funciona perfecto; lo único es que, si bien he agregado algunos links, los mismos me aparecen unos atras del otro - como en una oración- y no uno abajo del otro.-

Disculpame si me pregunta es estúpida o ya se encuentra respondida pero soy nuevo en esto.-

Igulamente, muchas gracias por tu tiempo y conocimientos.-

Rosa

Avalon, cuando coloques los links, cada uno ha de ir en una línea nueva:

Link uno
Link dos
Link tres

Si aún así no sale, prueba añadiendo un salto de línea:

<p>Link uno</p>
<p>Link dos</p>
<p>Link tres</p>

Avalon

Rosa, una maravilla. Mil gracias

Ligia

Rosi:

Una pregunta...cuando el blog tiene "marquee" se pone lento para cargar?

Lia.


Solo por ser uno más de vida...hoy es un día precioso...disfrutalo!

Rosa

Ligia, no afecta a la carga del blog, lo que si suele suceder es que el marquee,es decir, los elementos que hayas puesto en ella no empizan a cargarse hasta que el blog termina su carga completa...

Ligia

Gracias, Rosa bonita:

Entonces...!A poner "marquee"!

Buena suerte hoy y siempre!!!

Luna

He intentado el efecto pero en vez de aparecerme la imagén surgen los textos de las urls, ¿qué he podido hacer mal? Un fuerte abrazo.

Rosa

Luna, ¿Estás segura de haber colocado bien los enlaces con imagen? Mira aquí como ha de hacerse:
http://elescaparatederosa.blogspot.com/2007/09/hacer-que-una-imagen-funcione-como-link.html

!!!ßßøу Gℓค§§ 2øø9©....

ROSA ERES LO MEJOR DE TODO ESTE MUNDO DE VERDAD AL IGUAL QUE MUCHOS CHAVOS Y CHAMAS QUE MA HAN AYUDADO A PONER MI BLOG SUPER BUENO NI TANTO ,SOLO ALGO KALIDA JEJEJEJE...QUE DIOS TE PAGUE POR 100000000000000000000000000 Y MAS POR LA AYUDA QUE DAS EN TU BLOG...DE VERDAD GRACIAS A PORFA VISITA MI BLOG Y ME DAS UN CONSEJITO DE TU PARTE PORFAVOR Y DE NUEVO GRACIAS......
http://descargalo-facilito.blogspot.com

Hiena

Excelente Rosa. He buscado esto muchas veces para colocarlo en mi blog. Practicaré(para no hacer lío:O) en mi blog que tengo de prueba y luego si al "original".

Muchas gracias.

Saludos, Hiena.

Jessica

Wow! que sencillo! yo creia que era super duper complicadisimo!

Gracias Rosa!!
Interpretes de ASL/Espanol

Horacio

hola rosa queria saber el code para el movimiento de imagenes si no es mucha molestia muchas gracias y por cierto tu pagina esta chidisima byeeee....

Rosa

Horacio Es el que ves en la entrada y donde dice "Aquí van los links" pues tienes que colocar las imágenes así:
<img src="URL_DE_LA_IMAGEN"/> una después de otra...

San..

Rosa... Lo hice!!!

Wow... ni yo creo lo fácil que era.. suponia que tendria que hacer grandes cambios.. y bah! solo era hacer un par de cambios en el codigo.. mil gracias!!

Rosa

San.. ¡Bien! :D

[C]iprian^^

Quiero q las imagenes q esten en marquesina cuando les de lik se abran en una ventana nueva como ago eso ayuda y muchas gracias

Rosa

[C]iprian^^ Añadiendo target="_blank" como en cualquier enlace:
http://elescaparatederosa.blogspot.com/2007/02/abrir-pgina-en-una-ventana-nueva.html

ordago13

Genial Rosa este truco ya lo conocia y de echo lo estoy usando en uno de los blogs en los que ando trasteando. Mi duda/petición/pregunta va más lejos.
Con el marquee si te fijas pasan todas las imagenes ponte que sea de derecha a izquierda (en el caso de tu ejemplo de abajo a arriba) y cuando pasan todas detras van dejando blanco hasta que todo el hueco del marquee es blanco y vuelven a empezar a pasar.
¿se puede hacer que pasen continuamente que cuando la imagen se empieze a perder por arrriba al instante empieze a salir por abajo de modo que haya siempre imagenes pasando continuamente?

No se a lo mejor lo que pregunto es absurdo...
Me encantaria que pudieras sacarme de dudas¡¡¡

Eres la mejor Rosa¡¡

Rosa

ordago13 Pues no, que yo sepa.

Priamo

Rosa has probado para que podamos ver la secuencia: gacia la derecha o hacia la izquierda??
Lo intentado colocando en lugar de: "up" o " down" he puesto "right" pero no funciona bien. Ves alguna solucion.
Gracias

Rosa

Priamo Mira esta entrada de Vagabundia, hay muchas formas de controlar la etiqueta marquee:
http://vagabundia.blogspot.com/2007/03/desplazamientos-de-textos-marquee.html

Priamo

Muchas gracias Rosa, la pagina de Vagabundia me ha ayudado muchisimo. Ya lo tengo, puedes verlo si quieres en mi blog de pruebas donde figura "Slot.it" dentro de "Mis coches". Mi blog de pruebas: priamo24.blogspot.com
De nuevo, repito, gracias

hijasdelatierra

Hola, buscaba justo ese truco y di con tu blog, hay algo que no hago bien parec porque no logro que me salga un link, es decir donde pusiste "AQUI EL LINK"? yo pongo http://blbla.blogspot.com (es un ejemplo) y nada, solo me sale el texto, porque no me sale?
gracias

Rosa

hijasdelatierra No se trata de poner la url y ya... has de poner el link o enlace como para otros...

<a herf="http://loquesea.com"></a>

kiras

hola k tal rosa
soy principiante en esto de blog
tengo 16 y mi blog es de anime
y queria saber si es posible poner en blogger una barra parecida a
esta
http://www.imaxenes.com/imagen/dibujo1qy46lt.bmp.html


esta es la pag de la barra


http://www.todoanimes.com/

je... no espero que sea igual pero algo paresida
yo tengo un estilo de imagenes pequeñas estaticas que al
pincharle arriba aparese la pagina pero no me gusta mucho

espero me ayudes bay me has ayudado en varias cosas bayy..

Rosa

kiras Eso es un slide con JQuery además... de momento no voy a explicar nada de ese estilo en mis entradas...
Tengo un script sencillo para hacer un slide aquí:
http://elescaparatederosa.blogspot.com/2010/04/slide-sencillo-con-javascript.html

Si no te sirve, pregunta en http://humanossinsentido.blogspot.com/ allí Pizcos si explica varias cosas con JQuery

Fabio Salinas

oye, primero que todo gracias por la info, otro detalle que tengo es una duda que no he podido resolver en "papá google" y es que quiero hacer una marquesina (marquee) en la que el texto o codigo que quede en ella se lea desde un archivo .txt alojado en otro lugar, me explico mas claramente: habemos varios escritores en mi sitio y quiero que ellos puedan modificar uno de los widgets de la side bar, pero no como admin sino solo ese widget, para eso quiero hacer este marquee y alojarlo en dropbox o google docs para que lo puedan modificar, así quedaria unicamente ese gadget para ellos, si puedes ayudarme te lo agradeceria enormemente! te dejo el enlace a mi sitio: http://www.animeheaven.tk/

Rosa

Fabio Salinas Con marquee no puedes hacer algo así, quizá con un iframe, pero tampoco tengo muy claro como hacer eso que dices... ni si se pueda, lo siento.

Fabio Salinas

aaa ok, bueno creo que podria hacer un iframe y hacerlo a una pagina especifica en otro alojamiento, y dejar una contraseña para los otros escritores de mi sitio hacia el alojamiento y que ellos hagan los cambios en el codigo especifico, creo que me diste una idea ;) solo quiciera pedirte un pequeño favor, que codigo puedo poner en esa pagina alojada en otro servidor para llamar al feed de entradas especificas, es decir lo que quiero es que cuando un escritor de mi sitio piense que tiene una entrada mas relevante o importante que las demas publique su entrada en esa seccion pero que solo tuviera que cambiar algo sencillo para que no nos liemos y a todos nos quede mas sencillo, pues la verdad no se si se pueda pero me gustaria intentar, en todo caso mil gracias por tu ayuda Rosa.

Rosa

Fabio Salinas Yo ya me pierdo...:S
¿Porqué no solicitas la ayuda de Jmiur (Vagabundia)? Si alguien puede orientarte es el.

Fabio Salinas

Oks Rosa, creo que lo que pido es algo medio complicado, en todo caso tu ayuda me ha sido muy útil, te agradezco enormemente! ando un poco indeciso porque los otros miembros del blog me indican que mudemos todo a wordpress y lo estuve probando y me ha parecido muy interesante, en todo caso voy a pregúntarle a Jmiur en Vagabundia a ver si algo se puede hacer, nuevamente te agradezco por toda la información no solo por esta entrada sino por toda la información que nos compartes :)

Publicar un comentario en la entrada

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S