|
O objetivo dessa Lição
é reunir aquilo que estudamos na lição 11 (moldura colorida) e na
lição 14, ou seja, reunir em um único código (mais completo) a
moldura e a barra de rolagem colorida.
Veja o
modelo
1
- Abra uma nova mensagem;
2 - Clique na aba "Origem", na
parte inferior da sua mensagem.
3 - A Origem da sua mensagem
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 a linha <STYLE></STYLE> e neste mesmo lugar
copie e cole o código que está abaixo:
<STYLE>BODY {
BORDER-RIGHT: #cf312e 5px groove; BORDER-TOP: #cf312e 5px groove;
SCROLLBAR-FACE-COLOR: #cf312e; SCROLLBAR-HIGHLIGHT-COLOR: #cf312e;
BORDER-LEFT: #cf312e 5px groove; SCROLLBAR-SHADOW-COLOR: #263d5d;
SCROLLBAR-3DLIGHT-COLOR: #263d5d; SCROLLBAR-ARROW-COLOR: #263d5d;
SCROLLBAR-TRACK-COLOR: #263d5d; BORDER-BOTTOM: #cf312e 5px groove;
SCROLLBAR-DARKSHADOW-COLOR: #263d5d
}
</STYLE>
OBS. Lembre que - se a sua barra de rolagem
não estiver visível - basta dar vários ENTER na caixa de texto da
aba "Editar" e ela aparecerá.
Sua 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: #cf312e 5px groove; BORDER-TOP: #cf312e 5px groove;
SCROLLBAR-FACE-COLOR: #cf312e; SCROLLBAR-HIGHLIGHT-COLOR: #cf312e;
BORDER-LEFT: #cf312e 5px groove; SCROLLBAR-SHADOW-COLOR: #263d5d;
SCROLLBAR-3DLIGHT-COLOR: #263d5d; SCROLLBAR-ARROW-COLOR: #263d5d;
SCROLLBAR-TRACK-COLOR: #263d5d; BORDER-BOTTOM: #cf312e 5px groove;
SCROLLBAR-DARKSHADOW-COLOR: #263d5d
}
</STYLE>
</HEAD>
<BODY
bgColor=#ffffff>
<DIV> </DIV></BODY></HTML>
Você
já sabe que, no código, tudo o que tiver a palavra BORDER refere-se
à moldura.
E tudo o que tiver a palavra SCROLLBAR refere-se à
barra de rolagem.
Seu
Exercício: apresente à lista uma
formatação com o código completo da moldura e barra de rolagem
colorida. Aproveite para treinar conhecimentos das lições anteriores
e aplique também um bonito background (ou um Papel de Carta), uma
imagem principal, som e um belo texto. Altere as cores da moldura e
da barra de rolagem colorida adequando-as às cores da sua formatação
e altere também o estilo e espessura da moldura.
Atenção! Se você optou
por aplicar um Papel de Carta, faça assim:
a - primeiro
aplique seu Papel de Carta e salve-o na pasta RASCUNHOS. A origem
deve ter ficado parecida com isso:
<!DOCTYPE HTML
PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1252"><BASE
href="file://C:\Arquivos de programas\Arquivos comuns\Microsoft
Shared\Papel de carta\">
<STYLE>BODY {
BACKGROUND-POSITION: left top; MARGIN-TOP: 50px; FONT-SIZE: 10pt;
MARGIN-LEFT: 325px; COLOR: #808080; BACKGROUND-REPEAT: repeat;
FONT-FAMILY: Arial
}
</STYLE>
<META content="MSHTML 6.00.6000.16587" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff background=cid:002301c85fb4$65ede2a0$6501a8c0@ZSALES>
<DIV> </DIV></BODY></HTML>
b - agora cole o tag STYLE que contém o código da moldura e barra de rolagem
colorida, logo abaixo do outro tag STYLE que contém as definições de
margens e fonte do seu Papel.
Deve ficar algo mais
ou menos assim:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1252"><BASE
href="file://C:\Arquivos de programas\Arquivos comuns\Microsoft
Shared\Papel de carta\">
<STYLE>BODY {
BACKGROUND-POSITION: left top; MARGIN-TOP: 50px; FONT-SIZE: 10pt;
MARGIN-LEFT: 325px; COLOR: #808080; BACKGROUND-REPEAT: repeat;
FONT-FAMILY: Arial
}
</STYLE>
<STYLE>BODY {
BORDER-RIGHT: #8F71BB 5px solid; BORDER-TOP: #8F71BB 5px solid;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; BORDER-LEFT: #8F71BB 5px solid;
SCROLLBAR-SHADOW-COLOR: #8F71BB; SCROLLBAR-3DLIGHT-COLOR: #8F71BB;
SCROLLBAR-ARROW-COLOR: #8F71BB; SCROLLBAR-TRACK-COLOR: #ffffff;
BORDER-BOTTOM: #8F71BB 5px solid; SCROLLBAR-BASE-COLOR: #ffffff
}
</STYLE>
<META content="MSHTML 6.00.6000.16587" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff background=cid:002301c85fb4$65ede2a0$6501a8c0@ZSALES>
<DIV> </DIV></BODY></HTML>
Repare: ficamos com dois tags STYLE, um embaixo do outro: no primeiro estão as
definições do Papel de Carta (posição do background, margens, fonte,
etc.) e no segundo estão as definições da moldura e da barra de
rolagem colorida. Na última lição da fase Iniciante explicaremos como reunir esses
dois STYLES.
Faça agora todas as adequações nas cores da
moldura e barra de rolagem de modo a harmonizá-las com as cores do
seu Papel de Carta. Insira a música, aplique o texto, etc.
Nota. 1- No caso
anterior, se primeiro tivéssemos colado o código da moldura e barra
de rolagem colorida na Origem e depois fôssemos aplicar um Papel de
Carta usando o Assistente do Outlook, quando o programa o aplicasse
desapareceria o código da moldura e barra de rolagem colorida. Por
isso você terá de primeiro aplicar o Papel de Carta e depois
acrescentar mais um tag STYLE que é aquele relativo à moldura e
barra de rolagem colorida.
2 -Em TODAS as lições do nível Avançado será
obrigatório o uso da moldura e da barra de rolagem colorida, por
isso estamos insistindo tanto nestes códigos. Aproveite esse momento para
esclarecer as dúvidas que
tiver. | 
