Tutorial 08 - Estágio 1

 

Bordas que piscam

 
Material: Script Limpo

 

Inserir o script antes de </BODY> e 

substituir o endereçamento da imagem que está em   ROSA. N

Podemos controlar a grossura  da borda (está em verde)

o efeito em azul (ridge,  groove, inset, outset ou solid) . CO

Para mudar a cor que pisca basta trocar o que está em  (vermelho) - neste script encontramos as cores por nomes em inglês. Podemos mudar para por códigos  #ffffff, por exemplo:
 

if (myexample.style.borderColor=="#000000")

myexample.style.borderColor="#ffff00"

else

myexample.style.borderColor="#000000" 

 

<DIV align=center>
<TABLE border=0 id=myexample
style="BORDER-BOTTOM: green 15px solid; BORDER-LEFT: green 15px solid; BORDER-RIGHT: green 15px solid; BORDER-TOP: green 15px solid; HEIGHT: 302px; WIDTH: 262px"
width=280>
  <TBODY>
  <TR>
    <TD>
      <DIV align=center><IMG align=baseline alt="" border=0 hspace=0

src="sua imagem Aqui"></DIV></TD></TR></TBODY></TABLE></DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center><FONT color=#000080 face="Book Antiqua">Texto aqui
</FONT></DIV>
<SCRIPT language=JavaScript1.2>
<!--

/*
Flashing Table Border Script-
© Dynamic Drive ( www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

 function flashit(){
if (!document.all)
return
if (myexample.style.borderColor=="blue")
myexample.style.borderColor="red"
else
myexample.style.borderColor="blue"
}
setInterval("flashit()", 500)
 file://-->
</SCRIPT>

 

Para ver o exemplo clique Aqui

 

Atividade:

 

Envie dois exemplos de um email formatado com o script estudado sendo que em cada exemplo deve constar:
 
1- a troca das cores que piscam;
2- trocar o efeito da borda;
3- trocar a grossura da borda
4- Inserir dentro dessa borda uma imagem ou texto.
 
Use a criatividade e monte uma formatação bem bonita.
 
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 Fernanada 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