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

43 opinaron:

Gina

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
G

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

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
Fabiola

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
YK

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>

Claudia Alonso

se puede usar en facebook?

Claudia Alonso

se puede usar en facebook?

Responder
YK

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

Claudia Alonso

como se usa.. mm la verdad casi no entendi

Responder
YK

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
YK

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

:) 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
Lo que sea

Muy bueno.Exelente!!!

Responder
Jéssica YK

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

S@lu2

Responder
Comercio

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

GRACIAS SE AGRADECE EL APORTE!!!!!!

Responder
Jéssica YK

» Edificio Barcelona:

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

S@lu2

Responder
Habbomulti

no entendi mucho

Responder
MariL

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

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

Responder
Jei Smiler

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

Graciar por este codigo justo lo que nesesitana

Responder
Thakisis77
Este comentario ha sido eliminado por el autor.
Responder
Marta Gaspar

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

Porfa dimelo

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