Uso de tabelas:
As tabelas servem para inserirmos
coisas que queremos escrever no e-mail, ou para
inserirmos imagens, lições. Um texto dentro de uma
tabela fica bem mais bonito que jogado no e-mail.
Vamos ao script:
<TABLE style="FILTER:
Alpha(Opacity=75)" cellSpacing=10
borderColorDark=#957246
cellPadding=5 width="50%" align=center
borderColorLight=#000000 border=5>
<TBODY>
<TR>
<TD bgColor=#fffffe>
<DIV> </DIV>
<DIV>Seu Texto Aqui</DIV>
</DIV></TD></TR></TBODY></TABLE>
A opacidade que aqui vc ve em 75%,
ela pode variar, se vc achar bom um interior de tabela
com uma cor forte, firme use 100%, se preferir mais
clarinho, vai baixando esse valor, ele pode ser ate de
30%, vai ficar quase transparente, mostrando seu back ao
fundo, fica bem bonito.
border colour dark e border colour
light.- seria a borda escura e a clara, normalmente
usamos a mesma cor, sempre combinando com nossa lição e
com todo o conteúdo do e-mail, bordas, etc..
width - aqui está como 50% o que
significa que a tabela vai ocupar 50% do seu back, se
precisarmos de uma tabela mais larga podemos usar até
100%, o que vai tomar toda a largura da tela.
Só determinamos a largura, pq em
comprimento , ela vai esticando conforme vc vai
adicionando coisas, para baixo n tem limite, somente
para o lado que é determinado.
|
Somente aqui
poderei escrever, pois usei um espaço muito grande,
e como utilizei, a opacidade de 50%, meu texto tb
ficou clarinho, pois usei a cor vermelha.
Posso colocar
ima imagem aqui, vou em inserir imagem, olha só:
Claro que
pela origem eu posso mudar a cor, veja só,
ou mudar pelo próprio Outlook,
selecionando e mudando.
|
esta eu usei bg colour que é a cor
interior em marinho com opacidade de 30%, veja como
clareou, e as bordas com 5px
O cellSpacing usei de 30 px , veja
como ficou largo a distancia entre as bordas e a tabela,
normalmente n se usa tão largo , só coloquei aqui para
que vcs tenham noção do que seja o cellspacing.
O cellPadding é o espaço que vamos
ter dentro da tabela entre o texto ou imagem e a borda,
veja que no exemplo eu usei 50px, claro sem necessidade,
só como exemplo. Vamos ver esse mesmo script mais
bonitinho:
|
Ola Pessoal, veja
esse exemplo, que gracinha
|
Nesta eu usei no lugar de align
center como a outra, isto é alinhamento no centro, usei
align right, a direita, ou poderia usar align left, a
esquerda, isso tudo vai depender do meu trabalho e como
ficará mais harmonioso.
Os scripts, na verdade, são muito
minuciosos e perfeitos, por isso temos que ter muito
cuidado, pois uma virgula, um pontinho fora do lugar,
pode fazer todo nosso trabalho ir por água abaixo. Mas a
beleza de um trabalho perfeito, cores harmoniosamente
escolhidas, fazem valer a pena o trabalho, o tempo, pois
aprendemos coisas lindíssimas, e a cada dia vamos nos
aperfeiçoando mais e com vontade de aprender mais e
mais.
