Formatar top com back

Quando usamos uma imagem como top, podemos fazer uma formatação com um back combinando com este top. O resultado é muito bom. Particularmente, considero esta formatação de top bem mais bonita do que usar apenas uma cor.

Muito bem, vamos ao código:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>::Tutorial de E-mails: Lili Russo::</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 6.00.6000.16608" name=GENERATOR>
<STYLE>BODY {
BORDER-RIGHT: #ffffff 5px solid; BORDER-TOP: #ffffff 5px solid; MARGIN-TOP: 310px; SCROLLBAR-FACE-COLOR: #ffffff; MARGIN-LEFT: 20px; BORDER-LEFT: #ffffff 5px solid; MARGIN-RIGHT: 20px; SCROLLBAR-ARROW-COLOR: #ffffff; FONT-WEIGHT: bold; FONT-SIZE: 16pt; COLOR: #000000; BORDER-BOTTOM: #ffffff 5px solid; FONT-FAMILY: "Verdana"; TEXT-ALIGN: center}
</STYLE>
</HEAD>
<BODY bgColor=#ffffff background="endereço do background de fundo">
<DIV>Seu texto </DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV><SPAN
style="Z-INDEX: -1; LEFT: 0px; POSITION: absolute; TOP: 0px"><IMG height=300
src="endereço do top" width=1024 border=0> </SPAN>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV></BODY></HTML>


Observe a altura de seu top e a largura e, se necessário, altere nos espaços que marquei em vermelho.


Dica criada e editada por Lilian Russo

Lilian Russo - Todos os Direitos Reservados - ©2002/2008




.