enero 26, 2021

Paramissuperiores

Tutoriales. Hacks. Consolas Retro.

Para poner un reloj como el que tengo en el space lo que necesitamos son:

El gadget Visualizador Web Mafias.Porque este gadget? muy sencillo este gadget que cree es para ver paginas web poniendo cualquier url la podremos visualizar desde nuestro space.

El bloc de notas: Esto nos servira para poner nuestro codigo del reloj.

Un servidor gratuito que nos permita subir paginas web.

estos 3 elementos seran esenciales.

En el tutorial anterior os explicaba como descargar mis gadgets os dejo aqui el link donde lo explico  http://esau1980ii.spaces.live.com/blog/cns!A4B10A3AE5D6FA04!4996.entry 

Una vez instalado el gadget visualizador web mafias nos iremos a nuestro pc y clicaremos a INICIO—>TODOS LOS PROGRAMAS—->ACCESORIOS—-> BLOC DE NOTAS.

ABRIMOS UN BLOC DE NOTAS Y COPIAMOS EL SIGUIENTE CODIGO SOLO CAMBIAREIS LO QUE ESTA MARCADO EN NARANJA POR OTROS COLORES, EL COLOR ROJO LO PODEIS CAMBIAR AL COLOR QUE DESEEIS ESO CAMBIA EL FONDO DE LA PAGINA DEL RELOJ

<body bgcolor=”000000″></body>
<script language=”JavaScript”>

fCol=’33FF00 ‘;//face colour.
sCol=’CCCCFF’;//seconds colour.
mCol=’CC0000′;//minutes colour.
hCol=’FFFF00′;//hours colour.

H=’….’;
H=H.split(”);
M=’…..’;
M=M.split(”);
S=’……’;
S=S.split(”);
Ypos=0;
Xpos=0;
Ybase=8;
Xbase=8;
dots=12;
ns=(document.layers)?1:0;
if (ns){
dgts=’1 2 3 4 5 6 7 8 9 10 11 12′;
dgts=dgts.split(‘ ‘)
for (i=0; i < dots; i++){
document.write(‘<layer name=nsDigits’+i+’ top=0 left=0 height=30 width=30><center><font face=Arial,Verdana size=1 color=’+fCol+’>’+dgts[i]+'</font></center></layer>’);
}
for (i=0; i < M.length; i++){
document.write(‘<layer name=ny’+i+’ top=0 left=0 bgcolor=’+mCol+’ clip=”0,0,2,2″></layer>’);
}
for (i=0; i < H.length; i++){
document.write(‘<layer name=nz’+i+’ top=0 left=0 bgcolor=’+hCol+’ clip=”0,0,2,2″></layer>’);
}
for (i=0; i < S.length; i++){
document.write(‘<layer name=nx’+i+’ top=0 left=0 bgcolor=’+sCol+’ clip=”0,0,2,2″></layer>’);
}
}
else{
document.write(‘<div style=”position:absolute;top:0px;left:0px”><div style=”position:relative”>’);
for (i=1; i < dots+1; i++){
document.write(‘<div id=”ieDigits” style=”position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial,Verdana;font-size:10px;color:’+fCol+’;text-align:center;padding-top:10px”>’+i+'</div>’);
}
document.write(‘</div></div>’)
document.write(‘<div style=”position:absolute;top:0px;left:0px”><div style=”position:relative”>’);
for (i=0; i < M.length; i++){
document.write(‘<div id=y style=”position:absolute;width:2px;height:2px;font-size:2px;background:’+mCol+'”></div>’);
}
document.write(‘</div></div>’)
document.write(‘</div></div>’)
document.write(‘<div style=”position:absolute;top:0px;left:0px”><div style=”position:relative”>’);
for (i=0; i < H.length; i++){
document.write(‘<div id=z style=”position:absolute;width:2px;height:2px;font-size:2px;background:’+hCol+'”></div>’);
}
document.write(‘</div></div>’)
document.write(‘<div style=”position:absolute;top:0px;left:0px”><div style=”position:relative”>’);
for (i=0; i < S.length; i++){
document.write(‘<div id=x style=”position:absolute;width:2px;height:2px;font-size:2px;background:’+sCol+'”></div>’);
}
document.write(‘</div></div>’)
}
function clock(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.57 + Math.PI * hr/6 + Math.PIparseInt(time.getMinutes())/360;
if (ns){
Ypos=window.pageYOffset+window.innerHeight-60;
Xpos=window.pageXOffset+window.innerWidth-80;
}
else{
Ypos=document.body.scrollTop+window.document.body.clientHeight-60;
Xpos=document.body.scrollLeft+window.document.body.clientWidth-60;
}
if (ns){
for (i=0; i < dots; ++i){
 document.layers[“nsDigits”+i].top=Ypos-5+40
Math.sin(-0.49+dots+i/1.9);
 document.layers[“nsDigits”+i].left=Xpos-15+40Math.cos(-0.49+dots+i/1.9);
 }
for (i=0; i < S.length; i++){
 document.layers[“nx”+i].top=Ypos+i
YbaseMath.sin(sec);
 document.layers[“nx”+i].left=Xpos+i
XbaseMath.cos(sec);
 }
for (i=0; i < M.length; i++){
 document.layers[“ny”+i].top=Ypos+i
YbaseMath.sin(min);
 document.layers[“ny”+i].left=Xpos+i
XbaseMath.cos(min);
 }
for (i=0; i < H.length; i++){
 document.layers[“nz”+i].top=Ypos+i
YbaseMath.sin(hrs);
 document.layers[“nz”+i].left=Xpos+i
XbaseMath.cos(hrs);
 }
}
else{
for (i=0; i < dots; ++i){
 ieDigits[i].style.pixelTop=Ypos-15+40
Math.sin(-0.49+dots+i/1.9);
 ieDigits[i].style.pixelLeft=Xpos-14+40Math.cos(-0.49+dots+i/1.9);
 }
for (i=0; i < S.length; i++){
 x[i].style.pixelTop =Ypos+i
YbaseMath.sin(sec);
 x[i].style.pixelLeft=Xpos+i
XbaseMath.cos(sec);
 }
for (i=0; i < M.length; i++){
 y[i].style.pixelTop =Ypos+i
YbaseMath.sin(min);
 y[i].style.pixelLeft=Xpos+i
XbaseMath.cos(min);
 }
for (i=0; i < H.length; i++){
 z[i].style.pixelTop =Ypos+i
YbaseMath.sin(hrs);
 z[i].style.pixelLeft=Xpos+i
Xbase*Math.cos(hrs);
 }
}
setTimeout(‘clock()’,50);
}
if (document.layers || document.all) window.onload=clock;
//–>
</script>

 

Ya puesto el codigo en el bloc de notas iremos a Archivo—->Guardar Como y le pondremos el siguiente nombre Reloj.html 

Cuando lo tengamos guardado en el pc lo subiremos a un servidor gratuito.La url que nos de la pondremos en el visualizador web mafias.

 En width y height  en este caso no pondremos nada pero cada uno que ponga el numero que quiera. Le damos a Guardar Url  y tendremos nuestro reloj en el space.

 EN LA FLECHITA QUE VERÉIS EN LA PARTE SUPERIOR DEL GADGET CLICAIS AHÍ Y LE DARÉIS A PREFERENCIAS Y VERÉIS 3 OPCIONES. MARCÁIS LAS 3 OPCIONES TANTO COMO PARA OCULTARLO COMO PARA ENSANCHARLO ASÍ OS QUEDARA  MAS CURIOSO.

Facebook: https://www.facebook.com/EIMafias/

Twitter:@ElMafiasdelTuit

A %d blogueros les gusta esto: