Bienvenida

BIENVENIDO A FAMAG KIRADOBER,

Ultimas Entradas

Efecto máquina de escribir

by - jueves, enero 19, 2017

Efecto máquina de escribir







Un truco muy llamativo para tu blog o página web es el llamado efecto máquina de escribir, el mismo lo que hace es simular un texto que se escribe en una máquina de escribir y puede tener varias líneas, su instalación es sencilla y está programado en JavaScript, pero la mejor manera de conocer este gadgets es viéndolo en funcionamiento:



Esta ubicado en el sidebar co el nombre de: Efecto máquina de escribir

Aqui tienes el código que debes de insertar en el Gatget JavaScript.


<script language="JavaScript1.2"><!--
//Secify scroller contents
var line=new Array()
line[1]="Bienvenidos a Famag Kiradober"
line[2]="ahora ya no tenés que andar buscando..."
line[3]="gadgets para tu blog o web por distintos lugares..."
line[4]="Ahora! todo está en un sólo lugar"
line[5]="Todo está en Famag Kiradober"
line[6]="(puedes seguir escribiendo cosas si quieres)"

//Specify font size for scoller
var ts_fontsize="12px"
//--Don't edit below this line
var longestmessage=1
for (i=2;i<line.length;i++){
if (line[i].length>line[longestmessage].length)
longestmessage=i
}
//Auto set scroller width
var tscroller_width=line[longestmessage].length
lines=line.length-1 //--Number of lines
//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<form name="bannerform">')
document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
document.write(' style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')
document.write('</form>')
}
temp=""
nextchar=-1;
nextline=1;
cursor="]"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",3000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else{
nextstep()}}
function nextstep(){
if (cursor=="\\"){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor="\\"}
nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",25)}
//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// --></script>
<a href="http://xoplanet.blogspot.com" target="_blank"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="juegos para xo" title="juegos para xo"/></a>
<a href="http://pczeros.blogspot.com" target="_blank" title="gadgets para blogger"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="gadgets para blogger" title="gadgets para blogger"/></a>

Modifica lo que dice en cada línea dentro de las comillas, por lo que tu quieras, ésto es todo, guarda los cambios y disfruta de este nuevo gadgets para tu blog o web

line[1]="Bienvenidos a Famag Kiradober"
line[2]="ahora ya no tenés que andar buscando..."
line[3]="gadgets para tu blog o web por distintos lugares..."
line[4]="Ahora! todo está en un sólo lugar"
line[5]="Todo está en Famag Kiradober"
line[6]="(puedes seguir escribiendo cosas si quieres)"

Si quieres colocar mas lineas solo tienes que copiar.
Recuerda que tienes que seguir la numeracion

line[7]="(puedes seguir escribiendo cosas si quieres)"
line[8]="(puedes seguir escribiendo cosas si quieres)"
line[9]="(puedes seguir escribiendo cosas si quieres)"

Si quieres que la fuente de las letras sea mayor cambia el Numero de lo siguiente:
var ts_fontsize="12px"


Fuente; pczeros

Fecha:19/01/2017

Publicado por: 







You May Also Like

0 comentarios

Paginacion