Tutorial 39 - Estágio 01

 

Texto com Caixa e Relógio
 
Material: Script Limpo
  
 
Script para ser colado ANTES de   </BODY>

Podemos controlar tudo dentro do table.

=#ffffff  - cor do fundo

dfd2c1 border=2  - cor e tamanho da borda

bgColor=#dfd2c1  - cor da table

width=356 - tamanho da table

color=#916856  - cor da fonte

height=454  e  width=356></  - tamanho da imagem

src="C:\A\06.jpg"  - caminho da imagem

 

<BODY bgColor=#ffffff onload=daclock(true)>
<DIV>&nbsp;</DIV>
<SCRIPT language=JavaScript><!--
//-- Script stolen and modified by Yerkin --//
var timerID=null;var timerRunning=false;var twelve=true;
function stopclock(){
if(timerRunning){clearTimeout(timerID);}
timerRunning = false;}
function showtime(p){
var wow=new Date();var hours=wow.getHours();
var minutes=wow.getMinutes();var seconds=wow.getSeconds();twelve = p;
if (twelve){var fixedHrs=""+((hours>12)?hours-12:hours);fixedHrs=((fixedHrs<10)?"0":"")

+fixedHrs;var ampm=(hours>=12)?" PM":" AM";}else{
var fixedHrs=""+hours;var ampm="";}
document.klox.ass.value=fixedHrs+((minutes<10)?":0":":")+minutes+

((seconds<10)?":0":":")+seconds+ampm;
timerID = setTimeout("showtime(twelve)",1000);timerRunning = true;}
function daclock(p){stopclock();showtime(p);}// -->
</SCRIPT>

<CENTER>
<TABLE bgColor=#dfd2c1 border=2 width=356>
  <TBODY>
  <TR>
    <FORM name=klox>
    <TD align=middle bgColor=#dfd2c1 colSpan=2><FONT color=#916856 face=Formal
      size=5>Tenhas um ótimo dia</FONT></TD></TR>
  <TR>
    <TD align=middle bgColor=#dfd2c1><FONT color=#916856><B>
      <SCRIPT language=JavaScript>
<!-- DYNAMIC DATE //
var d=new Date;var m=new Array('Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho

','Agosto','Setembro','

Outubro','Novembro','Dezembro');
var yr=(d.getYear()<=99)?"19"+d.getYear():d.getYear();yr=

(yr<2000)?yr+1900:yr;
document.write(m[d.getMonth()]+' '+d.getDate()+', '+yr);
// -->
</SCRIPT>
      </B></FONT><BR><INPUT name=ass size=11></TD>
  <TR><FORM name="klox">
    <TD align=middle bgColor=#dfd2c1 colSpan=2><IMG alt="" border=0 height=454
      hspace=0 src="C:\A\06.jpg" width=356></TD></TR>
  <TR><FORM name="klox">
    <TD align=middle bgColor=#dfd2c1 colSpan=2>
      <DIV><FONT face=Formal><BR><FONT color=#000000 size=5>Texto
      aqui</FONT></FONT></DIV>
     
<DIV><FONT face=Formal><FONT color=#000000
      size=5></FONT></FONT>&nbsp;</DIV>
     
<DIV><FONT face=Formal><FONT color=#000000
    size=5><BR></DIV></FONT></FONT></TD></TR></TBODY>

</TABLE></FORM></CENTER>
<TABLE>

  <TBODY></TBODY></TABLE></SCRIPT>
<DIV></DIV></SCRIPT>
 

 

 

 Agora copie o script do material e troque as imagens

fazendo as  duas lições.

  
 
Para ver o exemplo clique Aqui
 

Atividade:

 

Envie dois exemplos de um email formatado trocando os valores e cores
indicados no tutorial.
 
Vamos a fazer uma linda formatação?
 
Envie para o grupo colocando seu Nome/Estágio/TutorialNúmero
 
* Não esqueça do inserir o antibanner

 

Tutorial  roteiro criado com exclusividade por  Maria Fernanda para o Grupo Arte Oficius. Não poderá ser copiado, retirado de seu lugar, traduzido ou utilizado em listas de aprendizados ou grupos  sem o consentimento prévio da autora. Pertence ao   ARTE OFICIUS GRUPOS