|
Atenção, pessoal! Vejo que muitos de vocês têm dificuldades em trabalhar com o Front Page para fazer topper-borders, né? Então vai aí um caminho bem simples pra que ninguém fique "na mão". (Se você quer utilizar o toper border com fundo liso, veja as dicas no final desta mensagem - Item 10.) I. Formatando Top Border com
background:
1. Em primeiro lugar, salve este arquivo que está aí anexo. É um arquivo ".txt", do Bloco de Notas. 2. Crie as imagens que vai utilizar no seu papel topper-border (crie a borda e o back). Salve-os em uma pasta de sua preferência. 3. Abra o arquivo anexo. Dentro dele, você vai ver estas "palavras" (código): <HTML><head>
<STYLE>BODY { MARGIN-LEFT: 10px; MARGIN-TOP: 120px; } <> </STYLE> <title></title> </head> <body background="C:\Daniella\Alongando\alonga_bk.jpg" >
<p><span style="position: absolute; left: 0; top: 0; z-index:
-1">
<img border="0" src="C:\Daniella\Alongando\alonga.jpg" width="1024" height="110"></span></p>
</body>
</html> 4. Faça as seguintes alterações no arquivo: ATENÇÃO! Cada espaço, cada barra, cada ponto é fundamental! Os números em ROSA são as margens esquerda e superior do MEU papel. Altere-as conforme o tamanho da sua imagem e a margem que deseja para o seu papel. As palavras em VERMELHO são o caminho COMPLETO das MINHAS imagens dentro do MEU computador. Altere-as para que mostrem o caminho das SUAS imagens no SEU pc. As palavras em AZUL são os nomes das minhas imagens. Altere-as para que correspondam às suas imagens. Os valores em VERDE são a largura e altura da minha borda. Altere-as conforme o tamanho da sua imagem. 5. Copie todo o código. 6. No Outlook Express, abra uma nova mensagem. Clique em "View (Editar) - Source Edit (Código fonte)" (o meu é em Inglês, mas segue aí o screenshot pra vcs verem onde está esta opção):
Isso fará com que apareçam 3 "abas" na parte inferior da mensagem, como mostra a figura:
7. Clique na aba "Source (Origem)" (a do meio, em destaque na imagem acima), e vc verá outra "sopa de letrinhas". Apague TUDO! 8. Cole o código que vc havia copiado do bloco de notas (item 5). 9. Volte para a aba "Edit" (a primeira) e está pronto! Já pode escrever e enviar! II. Formatando Top Border com fundo liso (cor
sólida):
10. Crie seu top border e salve-o em uma pasta de sua preferência. 11. No Outlook Express, crie um papel de carta usando sua figura. (Isso vc já sabe fazer, né?) Pode fechar essa mensagem sem salvar. 12. Abra o Front Page e vá em "C:\Arquivos de programas\Arquivos comuns\Microsoft Shared\Papel de carta" e abra o papel que vc acabou de criar. 13. Vc vai ver 3 abas na parte de baixo do Front Page. Clique na aba "HTML":
14. Vc verá o código a seguir (lembre-se: essas são as configurações do MEU papel de carta! O seu código estará mostrando o nome da sua imagem, a margem que você definiu, etc...). A ÚNICA coisa que você precisa fazer é inserir a cor desejada para seu back (em VERMELHO) e, se desejar, mudar a cor do seu texto (em AZUL). <HTML>
<HEAD> <STYLE> BODY { font-family: Comic Sans MS; font-size: 12pt; color: 404040; margin-top: 110 px; background-position: top left; background-repeat: no-repeat; } </STYLE> </HEAD> <BODY background="alonga.jpg" bgcolor="#CFCFCF"> </BODY> </HTML> 15. Salve o arquivo e feche-o. Volte para o Outlook Express e abra uma nova mensagem, selecionando o papel que você acabou de fazer. É só isso!
|
Obs: Esta figura é do Front Page 2003. No FP 2000 é HTML