Ola visitante seja bem vindo aos Caminhos da Criação & Arte

 

 

 

Programa Outlook Express 6

Script para tabela com fundo inserido e opacidade

 

 

 

Aqui está outra maneira de usarmos uma tabela agora usando um background .

1 - Ao fazer o seu trabalho no PSP crie e salve  em JPEG um fundo.

Pode ser de 300X300PX

 

 

Atenção:

Este fundo para não dar emendas deverá ser aplicado o Seamless Tiling /Default

Também a opacidade da imagem a ser usada deverá ser bem suave.

Poderá ser diminuída mais ou menos em 35%, dependendo da imagem a ser usada.

Assim fazemos para que o trabalho que ficará dentro da Tabela fique em evidência, não o back.

2 -Escolha as cores que deseja para a tabela, moldura e fundo, anotando-as

3 -  Abra um email novo, clique em Origem e delete tudo o que está escrito.

4 - Copie e cole o script abaixo:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0

 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.6000.16587" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff background="colocar o endereço do fundo aqui">
<DIV><FONT face="Comic Sans MS" size=2>
<TABLE style="FILTER: Alpha(Opacity=75)" cellSpacing=10 borderColorDark=#cfaa88
cellPadding=5 width="80%" align=center borderColorLight=#cfaa88 border=5>
  <TBODY>
  <TR>
    <TD bgColor=#e3d4be>
      <DIV>&nbsp;</DIV>
      <DIV></DIV>
      <DIV>&nbsp;</DIV>
      <DIV>&nbsp;</DIV>
      <DIV>&nbsp;</DIV>
      <DIV>&nbsp;</DIV></TD></TR></TBODY></TABLE></FONT>&nbsp;

</DIV></BODY></HTML>
 

 


5 - Vamos primeiro colocar o background, o fundo.

Onde diz:

<BODY bgColor=#ffffff background="colocar o endereço do fundo aqui">

é que vamos colar o endereço do back que salvamos

Como achamos o endereço?

Clique em Editar

Vá em Inserir / Imagem / Procurar

Abrindo a janela procure onde salvou seu back.

O endereço aparecerá na Origem da Imagem.

Clique nela que ficará selecionada ( azul)

Copie.

Em seguida clique em Cancelar

 

Volte à Origem, selecione o que está escrito em vermelho:

colocar o endereço do fundo aqui

cuidando para não retirar as aspas (" ")

nem deixar espaços, e cole o endereço

Clique em Editar para ver se está certinho

 


6 - Depois de colocar o fundo poderá mudar a cor da moldura e da tabela:

"FILTER: Alpha(Opacity=75)"

Opacity 75 é para diminuir a opacidade da cor da tabela, que ficará meio transparente.

Quanto menor o valor mais transparente ela ficará.

 Mais atenção:  tudo que colocarmos nela,o texto escrito ou a gravura, também ficará fraco.

Por isso não devemos deixar muito baixo este valor de 75 a 80 ficará muito bom.

7 -  cellSpacing=10  e  cellPadding=5

é a largura das molduras que poderá ser modificada a gosto

8 - borderColorDark=#cfaa88

 
É a cor da moldura esterna, a maior ( bordas).

Troca só o código da cor

9 - width="80%"

A largura da Tabela.

Poderá ser modificada  conforme o trabalho a ser usado

10 - center borderColorLight=#cfaa88

A cor da moldura mais fina, a interna

11 -  <TD bgColor=#e3d4be>

A cor do meio da tabela, que ficará com a opacidade diminuída.

 

12 - Terminada a troca, clique em Editar, e termine seu trabalho, inserindo normalmente e escrevendo seu texto.

 

Zilnê Godoy

2008
 

 

Copyright© 2007/2007  * Todos os direitos reservados*

Esse  tutorial foi criado por  Zilnê Godoy

É expressamente proibida, por lei, a divulgação desta página em outro site ou qualquer outro modo de veiculação sem a autorização expressa da autora ou dos detentores de copyright do texto, da formatação e dos demais elementos que compõem a página. Direitos Autorais protegidos pela Lei 9.610 de 19/02/1998

 

 

Obrigada por prestigiar nossos tutoriais