|
Na lição 11 aprendemos
a colocar a moldura colorida. Na lição 12 aprendemos um código
simples para a barra de rolagem colorida.
Agora, nesta lição
vamos juntar os dois códigos em um só para facilitar as nossas
formatações. Veja o modelo
Vamos
lá, então:
1 - Abra uma nova mensagem.
2 - Clique na
aba "Origem", na parte inferior da sua mensagem. Se ela não estiver
visível, vá em "Exibir" e selecione "Editar código fonte".
3
- Olhando na aba Origem, seu mail deve estar
assim:
<!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> <DIV> </DIV></BODY></HTML>
4
- Delete essa linha <STYLE></STYLE> e neste mesmo lugar
copie e cole o código que está abaixo:
<STYLE>BODY { BORDER-RIGHT:
#8f71bb 5px solid; BORDER-TOP: #8f71bb 5px solid; BORDER-LEFT:
#8f71bb 5px solid; SCROLLBAR-ARROW-COLOR: #ffffff; BORDER-BOTTOM:
#8f71bb 5px solid; SCROLLBAR-BASE-COLOR:
#8f71bb } </STYLE>
A Origem deve ter ficado
assim:
<!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>BODY
{ BORDER-RIGHT: #8f71bb 5px solid; BORDER-TOP: #8f71bb 5px
solid; BORDER-LEFT: #8f71bb 5px solid; SCROLLBAR-ARROW-COLOR:
#ffffff; BORDER-BOTTOM: #8f71bb 5px solid; SCROLLBAR-BASE-COLOR:
#8f71bb } </STYLE> </HEAD> <BODY
bgColor=#ffffff> <DIV> </DIV></BODY></HTML>
Agora
preste atenção:
a) tudo que no código tem a palavra BORDER
refere-se à moldura
Então nós já sabemos que podemos mudar as
cores, as espessuras das bordas e os estilos exatamente como fizemos
na lição 10.
b) As outras duas partes do código
são:
SCROLLBAR-ARROW-COLOR: #ffffff - que é a setinha na cor
branca
e
SCROLLBAR-BASE-COLOR: #8f71bb - que é a
barra de rolagem na cor lilás
Basta agora mudar as cores
como fizemos na lição 11. Use a Tabela de Cores que está na parte de
Material de Apoio, ou as cores dos cubos coloridos do anexo 01.
Fácil, não é?
Seu exercício: Envie à
lista uma formatação com a moldura e a barra de rolagem colorida
englobadas em um único código. Aproveite para treinar as lições
anteriores. Após aplicar o código na Origem, retorne à aba Editar
aplique o seu background, insira uma imagem, som e um belo
texto.
Bom
trabalho! |