|
Para colocar uma
moldura colorida em volta de uma imagem, como a do
modelo , proceda
assim:
1 - Escolha a imagem na qual irá colocar a moldura e
anote as suas dimensões (largura e altura).
Dentro do arquivo
zipado que contém o modelo está a imagem que foi usada. Verifique
que suas dimensões são 500 x 350 px
2 - Abra uma nova
mensagem, delete tudo o que estiver na "Origem" e cole o seguinte
código:
Vamos entender o que
fizemos:
Criamos uma tabela com as mesmas dimensões da imagem
(height=350 e widht=500) para que esta preenchesse todo o espaço
interior da tabela.
bgColor=#91a9af é aquele tom de azul mais
claro que aparece bem fininho em volta da imagem. Na verdade ele é a
cor do plano de fundo da tabela.
Os atributos da moldura você
já conhece:
- a cor #f8c7b6 é um tom de rosa
- a espessura da
borda 10px
- o estilo da moldura usado no modelo foi groove mas
você pode escolher outro estilo, tais como: ridge, double, inset,
outset ou solid (são os mesmos que você já conhece da moldura em
mensagem).
Em src="caminho da imagem" indique o caminho onde
está a sua imagem, algo assim:
C:\Documents and
Settings\Zoia\Meus documentos\Minhas imagens\imagem01.gif e não
esqueça de preservar as aspas.
DICA!!! Para você não errar o
caminho da imagem faça assim: abra uma nova mensagem (de teste) e
insira nela a imagem que você quer usar. Olhe na Origem qual o
caminho que apareceu. Copie e cole esse caminho no lugar do "caminho
da imagem" no código desta Lição.
3 - Agora vá na aba Editar
e veja se está tudo certinho: imagem com a moldura em volta. Se
estiver, vamos então centralizá-la.
Coloque o cursor do mouse
sobre a borda e dê um clique até aparecerem uns quadradinhos em
volta. Quando isso acontece, podemos mover a tabela com todo o seu
conteúdo.
Clique agora no ícone de centralização (é aquele mesmo
que usamos para centralizar um texto).
Deu certo? A
tabela com a imagem deslocou-se para o centro? Ótimo !!
4 -
Volte à aba Origem e aplique o código que engloba a moldura e a
barra de rolagem colorida no tag STYLE.
Mude a cor do plano
de fundo nesta parte: <BODY bgColor=#ffffff>
5- Retorne à aba Editar,
complemente a formatação aplicando um background, um som, digite um
belo texto (centralizado também), aplique o antibanner .... e envie
à lista.
|
