A
los blogueros nos gusta poner nuestro blog a punto y mejorar su presentación para
que los visitantes se encuentren a gusto y regresen, es por eso que aquí les
ofrecemos este bonito efecto.
En
el blog loseasi encontramos este efecto, el cual consiste en un texto que se
encuentra dentro de una caja, tipo textarea y va apareciendo de izquierda a
derecha, repectitivamente.
Para ponerlo nos vamos a Diseño
/ Añadir un Gadget / JavaScript/HTML:
En
la ventana que nos presenta, ponemos este código:
<script
language="JavaScript">
/*
http://loseasi.blogspot.com
http://loseasi.blogspot.com/2011/09/mensaje-dentro-de-un-campo-textarea.html
By:
Vku. */
var
posicion1=0
var
posicion2=0
var
Retardo;
var
Fin;
var
Mensaje='Suscríbase
y participe en Planeta Blogger, un blog al servicio de los demás blogueros a
quienes agradecemos por su visita. ¡Gracias!';
function
TipeodeMaquina(NuevoRetardo) {
Retardo
= NuevoRetardo;
if
(posicion1 > Mensaje.length) {
document.MiFormulario.uterra.value
= '';
posicion1
= 0;
posicion2
= 0;
}
else
if (Mensaje.substring(posicion1-2,posicion1-1) == '.') {
document.MiFormulario.uterra.value
= '';
posicion2
= posicion1-1;
posicion1++;
}
else
{
document.MiFormulario.uterra.value
= Mensaje.substring(posicion1,posicion2);
posicion1++;
}
Fin
= setTimeout("TipeodeMaquina(Retardo) ", NuevoRetardo);
}
</script>
<form
NAME="MiFormulario">
<textarea
name="uterra" style="width: 600px;height: 50px;
color: #ffffff;font-size:
18px;border: 3px solid #3399FF;background: #99CCFF;" ></textarea>
</form>
<script>TipeodeMaquina(110);</script>
Le
ponemos un título y Guardamos:
Luego de insertarlo,
podemos personalizarlo de la siguiente manera.
En donde está en color
Verde ponemos nuestro propio texto y en donde está en Azul es la velocidad del texto.
En color Naranja tenemos el alto y ancho de la caja donde va el texto y en Rojo
el color del mismo, así como el tamaño de la letra en Café. En color Morado
tenemos el fondo (Background) de la caja.
Gracias por visitarnos.
