y 58 artículos publicados en este blogEste post lo escribí hace un tiempo en mi blog The Refuseniks y se lo dediqué en su día a Gem@ de Gem@ Blog (actualmente miembro activo de este club) en agradecimiento a su ayuda como bloggera en mis inicios, hoy quiero dedicároslo a tod@s vosotr@s miembros y visitantes del Club de la casa del árbol, ya que durante todo este tiempo, estos códigos que os pasaré para crear scrolls me han sido muy útiles.
Actualización:Scroll Crazy o Scroll Loco
Este scroll ha sido una gentileza de parte de Gem@ Blog hacia el Club de la casa del árbol, si quieres ver este scroll en su blog haz clic aquí, desde este espacio te damos las gracias.
|
Scroll crazy o scroll loco con texto: |
Para hacer un scroll crazy o scroll loco, solamente debemos envolver el texto al cual queramos darle movimiento entre etiquetas marquee, y modificar algunas características de la siguiente manera:
Mira el efecto que hace este código:
|
La etiqueta marquee es la protagonista de esta historia, veremos los siguientes scrolls: |
- Scrolls horizontales: Con texto, con imágenes, percutor e híbrido.
- Scrolls verticales: Con texto, con imágenes e híbrido
Es sencillo, presta atención, utilizaremos HTML:
|
Scroll horizontal con texto: |
Para hacer un scroll horizontal con texto, solamente debemos envolver el texto al cual queramos darle movimiento entre etiquetas marquee, de la siguiente manera:
Mira el efecto que hace este código:
Por defecto si no definimos las características, la etiqueta marquee moverá el texto de derecha a izquierda.
Si queremos invertir ese efecto debemos cambiarle la característica de dirección:
Mira el efecto que hace este código:
|
Scroll horizontal con imagen: |
Para hacer un scroll horizontal con imagen, debemos hacer exactamente igual que con el texto, osea envolver la imagen a la cual queramos darle movimiento entre etiquetas marquee, de la siguiente manera:
Mira el efecto que hace este código:
Si queremos invertir ese efecto debemos cambiarle la característica de dirección:
Mira el efecto que hace este código:
|
Scroll horizontal híbrido: |
Para hacer un scroll horizontal con imagen y texto, lo que es lo mismo un scroll híbrido, debemos envolver la imagen y el texto a los que queramos darle movimiento entre etiquetas marquee, de la siguiente manera:
Mira el efecto que hace este código:
Si queremos invertir ese efecto debemos cambiarle la característica de dirección:
Mira el efecto que hace este código:
|
Scroll horizontal percutor: |
Para hacer un scroll horizontal percutor, solamente debemos envolver el texto al cual queramos darle movimiento entre etiquetas marquee, de la siguiente manera y modificar sus características añadiéndole un comportamiento o behavior llamado alternate, que es el que le da el efeto percutor.
Mira el efecto que hace este código:
|
Scroll vertical con texto: |
Para hacer un scroll vertical, solamente debemos envolver el texto que queramos darle movimiento entre etiquetas marquee, al igual que el scroll horizontal, pero debemos definir las caraterísticas de la etiqueta marquee de la siguiente manera:
Mira el efecto que hace este código:
Si queremos invertir ese efecto debemos cambiarle la característica de dirección:
Mira el efecto que hace este código:
|
Scroll vertical con imágenes: |
Para hacer un scroll vertical solamente debemos envolver la imagen que queramos darle movimiento entre etiquetas marquee, al igual que el scroll horizontal, pero debemos definir las caraterísticas de la etiqueta Marquee de la siguiente manera:
Mira el efecto que hace este código:
Si queremos invertir ese efecto debemos cambiarle la característica de dirección:
Mira el efecto que hace este código:
|
Scroll vertical híbrido: |
Para hacer un scroll vertical híbrido solamente debemos envolver la imagen que queramos darle movimiento entre etiquetas marquee, al igual que el scroll horizontal, pero debemos definir las caraterísticas de la etiqueta Marquee de la siguiente manera:
Mira el efecto que hace este código:
Silvina
Buscador de sueños enlazas fantasias a la realidad
The Refuseniks
...durante todo este tiempo, estos códigos que os pasaré para crear scrolls me han sido muy útiles...
pues bien en este blog tu sueño se hará realidad y piensa que ya no necesitas la llave, estás dentro...
Si lo necesitas visualmente o simplemente eres un inconformista y no es de tu agrado el formato del blog, que sepas que puedes agrandar o disminuir el texto, clicando en la tecla Ctrl y moviendo la ruedecilla del mouse arriba o abajo, también puedes hacerlo con la combinación de teclas Ctrl + o -, para volver a la vista por defecto utiliza la combinación de teclas Ctrl 0
Hola amigo sir: gracias por compartir tus conocimientos con los demás..Ya he copiado todas tus indicaciones..Voy a ir poniéndolas en practica poco a poco..A ver como me sale..Besitos cariñosos..Denise
Vuelvo a grabarte el comentario..no sale mi enlace en tus comentarios..chauu!!Denise
Post de este tipo me encantan, primero porque este efecto lo habia visto por ahi en blogs , pero no sabia como se llamaba y menos como se lograba..segundo porque aprendo algo nuevo....graciassssssssssssssss Sir
besicos
He hecho la prueba y queda muy guapo. Tengo que probar el vertical híbrido pero eso será cuando tenga un hueco.
Ya he visto que has hecho el enlace desde la coctelera,al club.
Aun no tengo muy claro como postear en el blog del club de la casa.
¿Tengo que editar el post en mi blog y despues como lo mando por correo?
Ayer pensé que lo editaría en HTML y despues te lo mando en ese formato???pasate por mi blog y me lo cuentas¿OK?
(Es que soy muuu torpe, hijo, ya lo séXDD)
Saludos y gracias por todo
Alberto
¡¡¡¡¡¡GENIOOOOO!!!!!!!!!
Sere yo capaz??? no creo ja,ja,ja.
Besos de jabon....
Esta genial tu post, My Lord.
Abrazo
Hala qué chulo! gracias por la info Sir Refusenik
Siempre genial, pero yo te traigo un regalito es otro Scroll un tanto revoltoso, puedes
verlo aquí y es el último. ;)
Del amor y otros cantares, hola Denise me alegra enormemente que te haya interesado y agredezco tus anotaciones, si al ponerlo en práctica tienes algún problema no dudes en pedirme ayuda, no entendí lo del enlace, besitos pintorescos.
Compartiendo, hola Hapte, te digo que si te gustan vas a estar de suerte tengo pensado seguir posteando sobre códigos. y por supuesto si dudas en algo, cuenta con mi ayuda, gracias a ti por interesarte por el tema, besitossss.
Trimegiania, hola Alberto ya pasé por tu blog y vi el scroll aplicado en tu sidebar, sinceramente me encanta que lo hayas probado ahi de inmediato, demostrando tu interés, muchas gracias.
Con respecto a la manera de enviar post a la casa ya te contesté en tu blog pero te digo que simplemente debes hacer tu post en Word, en HTML o como mejor te vaya y nos lo envías al correo de la casa, un saludo y no dudes en preguntar.
Como pompas de jabón, hola jabonosa, de hecho no he inventado nada nuevo simplemente he pensado en compartirlo con vosotr@s y estoy seguro que si podras, lo he dejado preparado de tal manera que simplemente es copiar y pegar, besos jabonosos.
Now, me alegro que te guste Wilsao, ya sabes si algon no está claro dame una voz, gracias por comentar, un saludo.
Patrus, gracias a ti por hacerte miembro y por comentarme, un saludito.
Compartiendo, hola de nuevo Hapte, con respecto a tus dudas ya pase por tu blog y te contesté, vi que lo habías solucionado, me alegro y te doy las gracias y con respecto al código que aquí me quisiste enseñar que no salió te digo que es normal que no te haya salido, no lo interpreta como texto normal sinó como código, debes hacerlo o poniendo una captura del código que desees o en un campo de texto TEXTAREA como yo he hecho para que copiaráis los scrolls, besos y adelante
GRACIAS A TOD@S
Gem@ Blog, hola Gema justo después de contestar a todos al actualizar llegaste tú, bueno pues te contestaré aquí solita y como no agradecer tu aportación del último scroll, ya le he echado un vistazo y me gustó mucho, creo que lo llamaré... Crazy Scroll, siempre aprendo algo más de tí, quería comentarte también que tu post lo subí pero los slides no me salen en el blog, solo las botoneras inferiores donde dice Make your own o algo así, jejeje, estaremos en contacto para arreglarlo antes de su publicación, besetes y mil gracias
Hola Sir, como me ha gustado este post, pude adicionar otros scroll mas ya que solo conocia uno ... y eso para mi ya es un gran logro jeje . Tambien me gusto el scroll loco, de la amiga Gema@ estoy pensando en donde ubicarlo ya que queda muy simpatico . Gracias por enseñarnos tus conocimientos , aqui ... tu alumna Silvina
Alucinadita me has dejado....
Me ha encantado, pedazo de post... Tengo que llevarlo a la práctica....
Gracias por compartir tu sapiencia...
Un besito y un voto david
Feliz jueves!!
Silvina, gracias por comentarme, me alegro que te haya gustado el post y que le des utilidad, y con respecto al alumnado, jejeje que quede claro que yo soy un simple "aficionadillo", de todos modos gracias.
Anita, espero seguir posteando más códigos ya que veo que os interesa, gracias por todo, besitos y mi apoyo incondicional.
Buen fin de semana a tod@s...