Fazendo Relóginhos:

• Neste tutorial vocês irão aprender a fazer seus próprios relóginhos! Eu irei tentar explicar o mais fácil possível!
  
• Créditos: Imagens e modelos do relóginho retirado do site Cristiny Online.
  
  -> 1° passo: salve a imagem abaixo no seu computador e copie o código da caixinha e cole no Bloco de Notas.
  
  
  
  <!--Começo ---> <!--RELOGINHO...http://www.4.you.zip.net---> <p align="center"><TABLE id=AutoNumber1 style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px" borderColor= #000000 height=101 cellSpacing=0 cellPadding=0 width=81 border=1> <TBODY> <TR> <TD style="PADDING-LEFT: 1px; PADDING-TOP: 68px" background=COLOQUE AQUI O ENDEREÇO DA IMAGEM QUE VOCÊ CRIOU> <SCRIPT language=JavaScript> <!-- function SymError() { return true; } window.onerror = SymError; var SymRealWinOpen = window.open; function SymWinOpen(url, name, attributes) { return (new Object()); } window.open = SymWinOpen; //--> </SCRIPT> <SCRIPT> document.write("<FONT color='#000000' face='Verdana' style='font-size : 9;'>"); var clockid=new Array() var clockidoutside=new Array() var i_clock=-1 var thistime= new Date() var hours=thistime.getHours() var minutes=thistime.getMinutes() var seconds=thistime.getSeconds() if (eval(hours) <10) {hours="0"+hours} if (eval(minutes) < 10) {minutes="0"+minutes} if (eval(seconds) <10) {seconds="0"+seconds} var thistime = hours+":"+minutes+":"+seconds function writeclock() { i_clock++ if (document.all || document.getElementById || document.layers) { clockid[i_clock]="clock"+i_clock document.write("<span id='"+clockid[i_clock]+"' style='position:relative'>"+thistime+"</span>") } } function clockon() { thistime= new Date() hours=thistime.getHours() minutes=thistime.getMinutes() seconds=thistime.getSeconds() if (eval(hours) <10) {hours="0"+hours} if (eval(minutes) < 10) {minutes="0"+minutes} if (eval(seconds) < 10) {seconds="0"+seconds} thistime = hours+":"+minutes+":"+seconds if (document.all) { for (i=0;i<=clockid.length-1;i++) { var thisclock=eval(clockid[i]) thisclock.innerHTML=thistime } } if (document.getElementById) { for (i=0;i<=clockid.length-1;i++) { document.getElementById(clockid[i]).innerHTML=thistime } } var timer=setTimeout("clockon()",1000) } window.onload=clockon </SCRIPT> <CENTER> <SCRIPT>writeclock()</SCRIPT> </CENTER></TD></TR></TBODY></TABLE> <SCRIPT language=JavaScript> <!-- var SymRealOnLoad; var SymRealOnUnload; function SymOnUnload() { window.open = SymWinOpen; if(SymRealOnUnload != null) SymRealOnUnload(); } function SymOnLoad() { if(SymRealOnLoad != null) SymRealOnLoad(); window.open = SymRealWinOpen; SymRealOnUnload = window.onunload; window.onunload = SymOnUnload; } SymRealOnLoad = window.onload; window.onload = SymOnLoad; //--> </SCRIPT></p> <!-- FINAL CODIGO DO RELOGINHO -->
  
  -> 2° passo: abra a imagem que salvou no seu programa de edição e monte o layout do seu relógio. OBS.: eu aconselho não fazer borda, pois ela é ajustada no código. Depois de montar vá para o 3° passo.
  
  -> 3° passo: agora que já acabou a "melhor" parte, ajuste os itens ao lado conforme seu layout, gosto e como mostra a imagem abaixo: modifique a cor da borda do seu relóginho, o endereço da imagem que você criou como layout para o relógio e abaixo a cor das horas.
  
  
  
  -> 4° passo: depois de ter seguido os 3 passos acima, estará prontinho o seu relógio. Para usar é só colar o código do script dentro de onde quer que apareça. Foi facinho, né?