Bordas em Mensagens

Aula 3

Aplicar ou Modificar Bordas em uma Mensagem

Parte I - Comando I

Aplicar Bordas

Sem dúvida você já reparou que algumas mensagens têm bordas em toda a sua volta, assim:

Isso é obtido colocando-se um comando no script, pela aba Origem.

Eis como aplicar as bordas numa mensagem:

1. O comando para bordas que vamos aplicar é o seguinte:

<STYLE>BODY {
BORDER-BOTTOM: #8B1C62 10px dashed; BORDER-LEFT: #8B1C62 10px dashed; BORDER-RIGHT: #8B1C62 10px dashed; BORDER-TOP: #8B1C62 10px dashed}
</STYLE>

2. abra uma nova mensagem;

3. copie o comando acima e, na aba Origem da nova mensagem, Cole (Paste) o comando no script "défault", ou seja, naquele script básico que está contido em toda nova mensagem; cole IMEDIATAMENTE após <BODY bgColor=#ffffff>;

4. clique em Visualizar e confira o resultado. Sua mensagem terá bordas na cor que é representada pelo código #8B1C62 - no caso, um tom de roxo, assim:

Modificar Bordas

Você pode também modificar as bordas numa mensagem já pronta (vamos usar como exemplo, aqui, a mensagem que você vê na ilustração acima, por isso, sugerimos que você a prepare, conforme as instruções já dadas, e a utilize);

Eis como fazer:

1. Dê Encaminhar na mensagem;

aparecem três abas: Editar,Origem e Visualizar;

2.clique na aba Origem: a "sopa de letrinhas' que você estará observando é o Código Fonte dessa mensagem; procure o código acima, em azul - aquele que você usou e que corresponde ao comando de bordas;

3. observe que, no código de bordas, depois do valor em px, ( 10px ) aparece a palavra dashed, que se refere ao tipo de borda, no caso, uma borda plana; há diversos tipos de bordas, como a "ridge", por exemplo - "ridge" significa "sulco", uma moldura que lembra um sulco de arado.

3. se quiser modificar o tipo de borda, substitua, em todo o comando, a palavra "dashed" ( BORDER-BOTTOM: #8B1C62 10px dashed ) por uma destas outras : dotted, ridge, solid, double, groove, inset ou outset; atenção, substitua todas as vezes que a palavra se repete - se substituir só uma vez, só mudará uma borda;

4. veja, na ilustração abaixo (é um detalhe), como a aparência se modifica: aqui, substituímos "dashed" do código original por "ridge":

5. as cores das bordas podem ser mudadas com o auxílio de uma tabela de cores.

Por exemplo:

No comando (repetido abaixo) :

<STYLE>BODY {

BORDER-BOTTOM: #8B1C62 10px dashed; BORDER-LEFT: #8B1C62 10px dashed; BORDER-RIGHT: #8B1C62 10px dashed; BORDER-TOP: #8B1C62 10px dashed}

<STYLE>

substitua o código da cor roxa (aqui, neste tutorial, destacado em verde) pelo código da cor desejada, por exemplo:

BORDER-BOTTOM: #ffc0ff 10px dashed; BORDER-RIGHT: #ffc0ff 10px dashed; BORDER-TOP: #ffc0ff 10px dashed

Eis o resultado:

Não se esqueça de que o sinal # também faz parte do código. Ele deve ser mantido e não pode ser repetido (se você escrever dois, ## - não dará certo).

O comando para bordas pode ser também usado em uma página da web.

Vamos aprender mais sobre bordas na Parte II deste tutorial.

__________________

Tutorial elaborado por Angela Maria P. Glavam e Vanda Vasconcellos

design by Angela Maria Pereira Glavam