Delicious LinkedIn Facebook Twitter RSS Feed

Cartel con información

Ir a Diseño, Elementos de la página y añadir un gadget HTML/Javascript.

Poner el siguiente código:
<script language="JavaScript">

var delay=1500 //pausa (en milisegundos)
var fcontent=new Array()
begintag='<font face="Arial" size=2>' //tag que abre los mensajes
fcontent[0]="<b>El conocimiento es bueno sólo si se comparte.</b>"
fcontent[1]="Nada es imposible para una mente dispuesta."
fcontent[2]="Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo."
fcontent[3]="Visite: <a href='http://loseasi.blogspot.com/'>http://loseasi.blogspot.com/</a>"
closetag='</font>'

var fwidth=540 //ancho
var fheight=30 //alto

///No editar/////////////////

var ie4=document.all&&!document.getElementById
var ns4=document.layers
var DOM2=document.getElementById
var faderdelay=0
var index=0

if (DOM2)
faderdelay=3000

//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscroller").style.color="rgb(255,255,0)"
document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
colorfade()
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag
else if (ns4){
document.fscrollerns.document.fscrollerns_sub.document.write(begintag+fcontent[index]+closetag)
document.fscrollerns.document.fscrollerns_sub.document.close()
}

index++
setTimeout("changecontent()",delay+faderdelay)
}

frame=20;
hex=255 // Initial color value.

function colorfade() {
// 20 frames fading process
if(frame>0) {
hex-=12; // increase color value
document.getElementById("fscroller").style.color="rgb("+hex+","+hex+","+hex+")"; // Set color value.
frame--;
setTimeout("colorfade()",150);
}
else{
document.getElementById("fscroller").style.color="rgb(255,0,0)";
frame=20;
hex=255
}
}

if (ie4||DOM2)
document.write('<div id="fscroller" style="border:1px solid #ddd;width:'+fwidth+';height:'+fheight+';padding:5px"></div>')

window.onload=changecontent
</script>

<ilayer id="fscrollerns" width=&{fwidth}; height=&{fheight};><layer id="fscrollerns_sub" width=&{fwidth}; height=&{fheight}; left=0 top=0></layer></ilayer>

Ver lo que esta en rojo para cambiar la velocidad, mensaje, ancho y alto de la caja y color, fuente y tamaño del texto.
border:1px solid #ddd es el color de borde del cartel.

Se puede agregar otras lineas de mensaje:
fcontent[4]="mensaje 5"
fcontent[5]="mensaje 6"

0 comments:

Post a Comment