Mensaje de bienvenida con colores distintos en cada letra

13 de octubre de 2009 15 comentarios ,
Como he visto que los mensajes de bienvenida les atrae mucho, aquí les presento otro mensaje de bienvenida para el blog que en particular es llamativo debido a que cada letra del mensaje tiene un color diferente, un tamaño diferente o hasta un tipo de letra diferente.
Hice tres variantes en colores para ejemplificar pero ustedes pueden usar la combinación de colores quieran.
mensaje bienvenida
mensaje bienvenida
mensaje bienvenida
Para ponerlo en tu blog entra a Diseño > Elementos de la página > Añadir gadget > HTML/Javascript y ahí pega esto:
<script language="javascript" type="text/javascript">

function ColoreaTexto(texto) {
indexCar = 0
indexColor = 0
indexTipo = 0
indexTalla = 0
codigoTexto = ""
do {
caracter = texto.charAt( indexCar )
if (caracter == " ") {
indexCar++
codigoTexto += ' '
continue
}

color = colores[ indexColor ]
tipografia = tipografias[ indexTipo ]
talla = tallas[ indexTalla ]
codigoTexto += '<font face="' + tipografia + '" color="' + color + '" size="' + talla + '">' + caracter + '</font>'

indexColor++
if ( indexColor == colores.length ) indexColor = 0

indexTipo++
if ( indexTipo == tipografias.length ) indexTipo = 0

indexTalla++
if ( indexTalla == tallas.length ) indexTalla = 0

indexCar++

} while ( indexCar < texto.length )
document.write( codigoTexto )
}
</script>

Ahora abajo de ese código puedes pegar uno de estos, según la combinación de colores que quieras, o bien, los tres si quieres:
mensaje bienvenida
<p><script language="javascript">colores = new Array("red", "magenta", "violet", "pink", "violet", "magenta"); tipografias = new Array("arial", "courier"); tallas = new Array("4"); ColoreaTexto("Bienvenid@ a mi blog")</script></p>



mensaje bienvenida
<p><script language="javascript">colores = new Array("red", "blue", "green"); tipografias = new Array("verdana"); tallas = new Array("5", "4", "3", "2", "4", "2", "3", "4", "5"); ColoreaTexto("Bienvenid@ a mi blog")</script></p>



mensaje bienvenida
<p><script language="javascript">colores = new Array("black", "grey"); tipografias = new Array("arial", "courier"); tallas = new Array("5"); ColoreaTexto("Bienvenid@ a mi blog")</script></p>


Esas son unas combinaciones pero puedes usar otros colores modificando lo que está en verde poniendo el nombre del color en inglés. El tamaño de la letra lo modificas cambiando lo que está en color azul, puedes poner un sólo tamaño de letra por ejemplo "6" o bien usar distintos, por ejemplo "5", "4", "3", de este modo cada letra tendrá un tamaño diferente. El tipo de letra lo puedes cambiar modificando lo que está en negrita, un sólo tipo de letra se aplica para todo el mensaje, si quieres cada letra con un tipo de fuente distinta entonces agrega los tipos de fuente que quieres.
Por último cambia lo que está en color rojo por el mensaje de tu elección.


15 comentarios en:

" Mensaje de bienvenida con colores distintos en cada letra "

  1. Si Potro estan Muy buenos ✔ los Mensajes ✉ ☺
    Chau y Saludos.

    ResponderEliminar
  2. Jajaja.
    Pepe aplicando los conocimientos respecto a los códigos en los comentarios.
    Eso significa que El Potro no postea en vano.
    Saludos a Pepe y El Potro... En realidad, a todos los ciudadanos.
    Jpz.-

    PD: Pepe, ¿Cual será tu próximo seudónimo?. (Lo cambias bastante seguido)... Saludos nuevamente. Un abrazo muchachos!

    ResponderEliminar
  3. Jajajajajaj XD Bueno Pues no lo se aun Pero estare pensando en un Nuevo Nombre, Que te parece:
    Pepex?
    jajaja Bueno espero que les guste por que me pondre ese.
    Porcierto me encantaron estos iconos ☺

    Un saludo muy Grande para ti JPZ e igualmente para ti potro. ☺

    ResponderEliminar
  4. Jajaja, es verdad, cambias de nick a cada rato, creo que tendrás que hacer una encuesta en tu blog para ver cuál nick prefieren los demás, jaja, bueno, escoge el que a ti más te guste, nomás no cambies de avatar a cada rato sino sí nos vas a confundir mucho ☺

    Saludos a ambos!

    ResponderEliminar
  5. Upsssss!!!! ya lo hice XD jajajaj Pero no se preocupen me quedo con este, Porcierto: Tomare en cuenta lo de la encuesta JAJAJAJ chau y saludo a todos.

    ResponderEliminar
  6. Jajaja, ok, a ver cuánto tiempo te dura el nick ;)

    ResponderEliminar
  7. esta re wena la pagina!! saludos man!!

    ResponderEliminar
  8. Sos un groso amigo! mi blog ta quedando re bueno, y todo gracias a vos!!!

    ResponderEliminar
  9. Qué bueno que te gusta el contenido de este sitio, puedes tomar todo lo que quieras.
    Saludos.

    ResponderEliminar
  10. hola potro una pregunta e visto en otros blog que al entrar a su blog sale una barrita que dice¿ diga su nombre. y luego que dice el nombre en su blog sale su nombre y danddole la bienvnida me gustaria que me ayudaras eso por fis..

    ResponderEliminar
  11. Hola jairiño,

    Deja programo esa entrada que deseas para las próximas publicaciones.
    Saludos.

    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