Mensaje de bienvenida con colores distintos en cada letra

|

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.

13 comentarios:

pepe dijo...

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

Jpz dijo...

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!

pepe dijo...

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

El Potro dijo...

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!

PepeX dijo...

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.

El Potro dijo...

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

bug dijo...

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

El Potro dijo...

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

Publicar un comentario en la entrada

Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.

 

Ciudad Blogger. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com

Ir arriba Ir abajo