Moldura e barra de rolagem colorida em um único código

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>&nbsp;</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>&nbsp;</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!

Helena Monteiro e Zoia Sales Cavalcante