PSPBRASIL NOÇÕES BÁSICAS

1 - Quando se abre uma nova mensagem no Outlook, ela pode aparecer de duas maneiras distintas:

A primeira delas é essa:

A outra se apresenta assim:

2 - Notaram a diferença? Na segunda imagem aparecem três abinhas na parte inferior da mensagem:

Editar
Origem
Visualizar

3 - Para se utilizar um script, que é o nosso caso, é necessário que essas abinhas apareçam, pois o script é colocado na origem.

4 - Para que essas abas se tornem visíveis, abra uma mensagem nova e clique em "Exibir" e em seguida em "Editar Código Fonte". Essa opção vai ficar selecionada e as abas que necessitamos aparecerão.

5 - Clique na aba "Origem" e verá o código fonte que é escrito numa linguagem chamada HTML. O que visualizamos ao clicar na "Origem" de um email novo é o "script". É aí que se faz as alterações quando se quer colocar algum efeito no email. Esse script original pode ser totalmente substituído ou acrescido de outros "scripts".

6 - Aqui vamos somente substituir o script original por outro que nos possibilitará formatar um Top num email do Outlook. Para isso selecione e apague tudo o que se encontra na origem.

7 - A seguir selecione o script abaixo e cole na origem onde já foi tudo apagado.

Script para formatar um Top no Outllok

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META content="MSHTML 6.00.6000.16640" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY leftMargin=20
background="inserir_background"
topMargin=350>
<DIV
style="Z-INDEX: 1; LEFT: 0px; WIDTH: 1024px; POSITION: absolute; TOP: 0px; HEIGHT: 330px"><IMG
height=330
src="inserir_top"
width=1024 border=0></DIV></BODY></HTML>

8 - Veja como vai ficar a origem:

9 - Veja no quadro abaixo, onde e como fazer as alterações no seu script:

Onde e como alterar o script para formatar o Top

<BODY leftMargin=20 - Aqui se ajusta o posicionamento do texto em relação à margem esquerda. Quanto maior o valor mais afastado da margem seu texto vai começar.

background="inserir_background" - Aqui se coloca a pattern que vai ser utilizada como fundo do seu Top. Clique na aba Editar e utilize o método Formatar/Plano de Fundo/ Imagem.

Na Janela que vai abrir, clique em "Procurar" e localize a pasta onde salvou sua pattern. Dê um duplo clique sobre ela (ela vai aparecer na janelinha "Arquivo". Finalmente clique em "OK". Seu email vai estar a pattern como plano de Fundo.

topMargin=350> - Aqui se ajusta o posicionamento do texto em relação à margem superior. Quanto maior o valor mais afastado da margem superior seu texto vai começar. Esse valor deve ser um pouco maior do que a altura do top que vai utilizar.
<DIV
style="Z-INDEX: 1; LEFT: 0px; WIDTH: 1024px; POSITION: absolute; TOP: 0px; HEIGHT: 330px"><IMG
height=330

Em Width você coloca o valor da largura do seu top (1024 ou 800px) e em Height o valor da sua altura. (Na aba Origem).

src="inserir_top" .

Volte para a aba "Editar" e você verá um um quadradinho na parte superior esquerda:

Clique sobre ele e depois em "Inserir Imagem" :

Na Janela Imagem, clique em "Procurar" e localize o top na pastinha que você o salvou. Dê um duplo clique sobre o arquivo e seguida em "OK".

width=1024 border=0></DIV></BODY></HTML>

9 - Veja aqui o Modelo pronto.

Esse tutorial foi criado por Esmê em 25/04/2008 para o Grupo PSP Brasil

É expressamente proibida, por lei, a divulgação desta página em outro site ou qualquer outro modo de

veiculação sem a autorização expressa da autora ou dos detentores de copyright do texto,

da formatação e dos demais elementos que compõem a página.

Direitos Autorais protegidos pela Lei 9.610 de 19/02/1998