Hacer que el texto se mueva


Estuve pensando en algo "dinámico" para el blog, y encontré ésto!

Les gustó el efecto? Yo creo que sí; me encantó cuando los vi en el blog de Gem@ y decidí "jugar" con los códigos y obtener nuevos efectos:

♠El código base es éste:



♠Ahora, si queremos que nuestro texto tenga un color de fondo, agregamos ésto:



Y este es el resultado

Si desean,pueden reemplazar el #F778A1 por el color que más les guste.

♠Si queremos que el texto se desplace hacia la izquierda:



♠Si queremos que el texto se desplace de arriba hacia abajo usamos este código:



Resultado

Si desamos que el código se mueva de abajo hacia arriba, cambiamos "down" por "up".

♠ Para que el texto se pare cuando pasamos el mouse sobre él, usamos este código:



El texto se verá asi cuando lo uses

♠ Dseamos que el texto vaya más lento o más rápido?

Entonces, donde está scrollamount="1" cambiamos el número; si ponemos un número mayor (6,7...) el texto irá más rápido; si ponemos un número menos (1,2,...) el texto irá lento.

Lento

♠ Pero también podemos usarlo para poner una lista de links, colocar nuestros post favoritos (como el ejemplo que sigue) o darle el uso que querramos:



Reader Widget Empezando con tu blog Free Blogger Templates

En fin, podemos personalizarlo como querramos, ya depende de nuestra imaginación y luego lo colocamos donde deseemos (en la sidebar, como título de algún post, usarlo como un anuncio especial...)

Espero que les guste :)

46 opinaron:

Anónimo

Qué chevere; me parece alucinante el efecto; una duda.¿cómo haces para que el texto del comienzo vaya de un lugar a otro y no desaparezca?
bESOS.

Responder
Anónimo

Muy bonito el efecto; voy a aplicarlo, pero ¿también lo puedo agregar a la sidebar? ¿cómo?

Maria Paula

no se en que lugar se coloca me ayudas
rápido esque lo necesito

Maria Paula

no se en que lugar se coloca me ayudas
rápido esque lo necesito

Responder
Anónimo

Bueno, está chevere, pero si debo confesarlo, no soy muy amigo de las animaciones. Pero no puedo negar que el efecto es muy bonito.

Responder
Anónimo

VOY A APLICARLO; si algo no me sale bien, te aviso.

Responder
Anónimo

Es un truco muy gracioso; pero, puedo colocar alguna imagen en vez de texto?

Responder
Anónimo

Claro que se puede agregar imagen eso depende de ... y cito del autor "depende de nuestra imaginación y luego lo colocamos donde deseemos (en la sidebar, como título de algún post, usarlo como un anuncio especial...)
" JoeBlack007

Responder
Anónimo

Gina: que bueno que te guste el efecto; para que el texto no desaparaezca,usa este código: <marquee scrollamount="2" behavior="alternate" bgcolor="#ffffff">TEXTO</marquee>

Unknown

se puede usar en facebook?

Unknown

se puede usar en facebook?

Responder
Anónimo

G: por supuesto; puébalo y agrégalo a la sidebar o donde gustes. Si tienes algún problema , me avisas .

Juan Carlos: bueno, cada uno tiene sus gustos, pero tienes razón el efecto es bonito.

Anónimo: si tienes algún problema, con gusto te ayudaré.

Unknown

como se usa.. mm la verdad casi no entendi

Responder
Anónimo

Fabiola: claro que se pueda; usa este código :

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate"><img src="URL-IMAGEN"></marquee></marquee>

Anónimo: tienes razón y lo reitero, depende de la imaginación de cada uno, de la forma en que lo usemos.

Responder
Loly

Hola, he aplicado este truquito. He intentado el de la foto de fondo pero no me ha salido.
Gracias por tu ayuda.

Responder
Anónimo

Loly: en primer lugar gracias por la visita; bueno, en cuanto a tu consulta, no entiendo muy bien:¿deseas que la foto se mueva?¿o quieres que haya de fondo una foto y encima un texto que se mueva? te agradecería mucho que me lo aclares para ver cómo puedo ayudarte.
Saludos.

Responder
Joicy Lozano

gracias me gusto el efecto pero me ayudas a poner una cabecera en mi blog

Responder
Jéssica YK

Joicy Lozano: gracias por la visita al blog; en segundo lugar, bueno, si ya tienes lista una imagen de cabecera, ingresa a Cabecera (que está debajo de la barra de navegación)/editar; aparecerá una ventana emergente; ahí subes tu imagen y donde dice "Ubicación" haces clic en "En lugar del título y la descripción" y finalmente haces clic en guardar ! y listo.

Si el problema que tenías es otro, dame más detalles para que pueda ayudarte.

Saludos

Responder
Anónimo

oye me pueden ayudar esk lo kise probar en el hi5 en los comentarios y no se puede por k no aparece el textooo


me pueden ayudaarrr:D

Responder
Iosif

me encanta el blog ! Soy principiante en blogs pero poco con poco voi a aprender de aqui !
Ya estas en mi blogroll.......si quieres por fa pon tu tambien my blog en el tuyo !
saludos a todos !

Responder
Jéssica YK

» Anónimo:
Hi5 y Blogger son sistemas distintos; tendrías que buscar alguna página especializada en códigos y ayuda para Hi5 porque esta página está centrada al tema de Blogger.

S@lu2

Responder
Jéssica YK

» losif:
Bienvenido al blog y espero tenerte muy seguido
Y por supuesto, quedas agregado a mi lista de páginas recomendadas.

S@lu2

Responder
ok°go

:) gracias me ayudast mucho, son muy buenos tus consejos,gracias.

Responder
Jéssica YK

» Aky:
Me alegra que te sea útil mi ayuda :)

S@lu2

Responder
Lordeblader

Muy bueno.Exelente!!!

Responder
Jéssica YK

» Lo que sea:
Me alegra que te haya gustado el post :)

S@lu2

Responder
Catika Villa

HolA quieroingresar en mi blog el truco pero no medeja me dice que no permite etiquetas htmal MARQEE. Sera que estoy haciendo algo mal???, Gracias

Responder
Jéssica YK

» Comercio:
En qué parte del blog estás pegando el código: en la plantilla o en un gadget?

Por cierto, sería bueno que dejases un enlace a tu blog para poder ver el problema :)

S@lu2

Responder
Mauricio Varela

GRACIAS SE AGRADECE EL APORTE!!!!!!

Responder
Jéssica YK

» Edificio Barcelona:

Qué bueno que el tutorial te haya sido de ayuda.

S@lu2

Responder
Anónimo

no entendi mucho

Responder
Mari Luz Romero

Cuando voy a colocar el de subir para arriba, me sale normal y con un fondo naranja y no se mueve!! :S

Responder
Pamela

Geeeeeeeenia muchas gracias

Responder
israel

amigo como hago para q el texto valla de izquierda a derecha y rebote a la izquierda?? como la primera explicacion!

Jéssica YK

» israel:
Eso se logra de la siguiente forma:

<marquee scrollamount="2" behavior="alternate" bgcolor="#ffffff">aqui-texto</marquee>

S@lu2

Responder
Natalie March

¿Y cómo se podría como título de un post? Dónde?

Responder
Unknown

Hola una pregunta, como haces para que el texto se seleccione en rosado?

Jéssica YK

» Jei Smiler:
Es bastante sencillo. Tengo un tutorial sobre eso: diyva.blogspot.com/2012/05/cambiar-color-de-seleccion-de-texto-en.html

S@lu2

Responder
crearmemeonline.net

Graciar por este codigo justo lo que nesesitana

Responder
Thakisis77
Este comentario ha sido eliminado por el autor.
Responder
Unknown

Oye,como pongo mi texto,no se como ponerlo,contestame rapido :S

Jéssica YK

» Marta Gaspar:
En un gadget de tipo HTML/Javascript o directamente en la plantilla.

Responder
Unknown

Porfa dimelo

Responder
Unknown
Este comentario ha sido eliminado por el autor.
Responder
Unknown

ME ENCANTO EL TUTORIAL :D PERO TODAVIA ME QUEDA UNA DUDA: COMO HAGO PARA CAMBIAR DOS IMAGENES HACIENDO UN CLIC O PASANDO EL MOUSE ???? :-l

Responder
Unknown

me encanta ;)

Responder

Por favor, trata de tener habilitado tu perfil (has click en "Comenta con el antiguo editor" para iniciar sesión) o deja un enlace a tu blog escogiendo la opción "Nombre/URL", procura no dejar comentarios Anónimos.
Nota: Si es que se presenta algún problema con el formulario de comentarios, sólo has click en "Comenta con el antiguo editor"

Gracias por participar en el blog.

inicio