Mensaje con efecto arcoiris

10 de junio de 2009 32 comentarios ,
Con un sencillo script puedes crear un mensaje de bienvenida en tu blog como el que yo he puesto en este blog de pruebas con un efecto de arcoiris, o sea que los colores del texto van cambiado.
Sólo pega esto en un elemento HTML/Javascript:
<marquee><span style="font-weight: bold;font-size:180%;"><script>
var text="BIENVENIDOS"
var speed=80
if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script></span></marquee>

Sólo cambia el mensaje de texto que está en color rojo. También puedes cambiar el tamaño de la letra donde dice font-size:180% y la velocidad en la que cambia el color donde dice var speed=80
Si quieres cambiarlo de lugar sólo arrastra el gadget hacia donde quieras.


32 comentarios en:

" Mensaje con efecto arcoiris "

  1. La vedad que queda muy bonito. Además los colores son agradable y bien combinados. Muy bueno bro!!!

    Quiero demas felicitarte porque en este momento hay nada mas ni nada menos que 9 usuarios online!!!!

    Sos un maestro!!!!

    ResponderEliminar
  2. Habrá que conseguir un script para cuando llegue el usuario en línea número 20 premiarlo.
    =)
    Un abrazo y gracias por tus comentarios!

    ResponderEliminar
  3. Pues bro... afloja con los premios que te vas a fundir... jajajaja!!!


    Un abrazo!!!

    ResponderEliminar
  4. Hola. NO busco ser adulador, pero con toda honestidad le digo que este es el mejor blog que he visto. Muchas gracias por compartir información tan valiosa.

    Walter Conejo Carballo

    ResponderEliminar
  5. Hola Walter,
    Muchas gracias por tus comentarios, pero por sobre todo por ser lector de este blog que existe gracias a ustedes.
    Saludos.

    ResponderEliminar
  6. No te preocupes Walter... no eres el único que piensa eso!!!

    ResponderEliminar
  7. en efecto este es el mejor blog y la ayuda con blogger es de 10 !

    gracias Potro

    y saludos walter y cyberbloggero

    Ps. oye potro mis comments bajan drasticamente !! que pasa? si no eh borrado nada yo tenia ya como 60 y ya voy en la mitad ...XD a este paso terminare con 1 o 2 en menos de una semana....XD

    ResponderEliminar
  8. Muchas gracias WeS,
    Yo había pensado que los comentarios bajaban porque los autores los borraban, pero ya Rosa (la creadora del gadget) aclaró que el gadget está fallando para todos. Al parecer tiene problemas los Pipes de Yahoo para actualizar los datos.
    Ojalá y ya se arregle pues ya lleva varios días fallando.
    Saludos.

    ResponderEliminar
  9. Jejejejeje, ya no encuentro espacio en mi blog para colocar todos los trucos... Es un carnaval... Bueno, soy descendiente de brasileros, jejejejeje.
    Ah si me lo permite "El potro", este es mi blos (carnavalesco)
    hhtp://agujita-veloz.blogspot.com

    Si no, podes borrarlo, no hay problemas.

    ResponderEliminar
  10. Hola Estrellita,

    No hay ningún problema, al contrario, sirve que los demás usuarios pueden ver los trucos funcionando en un blog.

    Saludos!

    ResponderEliminar
  11. muchas gracias potro es lo mejor, digo, lo unico que he encontrado que nos ayuda de verdad he aprendido mucho y espero sigamos asi

    ResponderEliminar
  12. Mientras haya salud seguiré tratando de compartir lo que sé.
    Gracias por tu visita.

    Saludos!

    ResponderEliminar
  13. Potro , es posible cambiar el efecto arco iris , por un solo color el que cada uno queramos? , gracias por adelantado.

    ResponderEliminar
  14. Pues debe ser posible aunque nunca lo he intentado.
    Mira en esta parte del script:

    var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")

    Eso es lo que hace que muestre distintos colores, cada par es parte de un código de color hexadecimal, podrías intentar cambiando esos valores aunque claro, debes tener noción sobre los códigos de colores hexadecimales. Sino de cualquier modo haz unos cambios al azar a ver qué resultados tienes ;)

    ResponderEliminar
  15. Además de ser una auctoritas en la materia, tienes la humildad y sabiduría de un gran maestro. Muchos de nuestros blogs existen gracias a ti. Tienes que ser una gran persona por lo grande y generoso que es tu trabajo. Muchas gracias, Potro. Saludos cordiales, Mila.

    ResponderEliminar
  16. Hola Mila,

    Te agradezco enormemente tu comentario tan amable, de verdad que para mí significa mucho saber que en algo he podido contribuir para la construcción y mantenimiento de sus blogs, no por ego, sino por el placer de ayudar y compartir con otros el poco conocimiento que tengo sobre el tema.

    Saludos.

    ResponderEliminar
  17. Gracias me ha quedado muy bueno

    ResponderEliminar
  18. gracias hermano lo estoy usando para felicitar mi nacion en el mes de su idependencia

    ResponderEliminar
  19. Perfecto, un saludo a ti y todos tus paisanos.

    ResponderEliminar
  20. Hola brother tu truco esta genial, oye una pregunta se le puede cambiar el estilo de letra por ejemplo a comic u otra, eserpo me puedas responder y felicidades por tu blog

    ResponderEliminar
  21. Gracias AZTEKA82, después de font-size:180%; pon:
    font-family: Impact;

    ResponderEliminar
  22. El Potro Gracias por el tip apenas lo pude aplicar y si funciona bien de nuevo gracias por tu aportación

    ResponderEliminar
  23. Saludos, será posible cambiarle la velocidad al scroll? no a los colores si no al mensaje porfa jeje, gracias por tus aportes bien atinados ;)

    ResponderEliminar
  24. Saludos, cambia esta parte del código:
    <marquee>

    Por esta:
    <marquee scrollamount="30">

    Ese 30 es la velocidad con la que pasa.

    ResponderEliminar
  25. Potro me gustan tus trabajos..un saludo

    ResponderEliminar
  26. hola potro quería preguntar si eso se puede aplicar a un gadget en particular?

    ResponderEliminar
    Respuestas
    1. Hola, ¿a qué te refieres, en cuál gadget y cuál parte del mismo?

      Eliminar
  27. amigo en dodne le puedo canbiar la velocidad al texto que va corriendo le puedo canbiar la velocidad para que corra mas lento o no me podrias decir porfavor amigo

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger