Aula 19 - Transição

(não funciona no Windows Mail)

Mais um estudo de formatação onde o efeito final é muito lindo e interessante.
Primeiro passo vamos construir e reunir o material que iremos precisar para realizar dessa formatação.

Iremos precisar:

Um background (que vamos chamar de TOP)
Um texto
Música
Borda colorida
Barra de rolagem colorida
anti-banner

1- Procure por um top dos muitos que já fizeram nas aulas de psp, mas que não esteja formatado.
Eu usei esse aqui:

Top Solidão

2- Montado o Top Solidão. Formate pelo assistente do Outlook Express como top.
A - Vamos na aba Criar Email
B - Formatar/Aplicar Papel de Carta/Mais Papel de Carta
C - Na janela que abrir clique em Criar novo, como no print:

D- Depois clique em Avançar
E- Observe e configure como no print:

F-Na próxima janela você escolhe a fonte, tamanho da fonte e cor da fonte, depois clique em Avançar
G- Na próxima janela iremos configurar as margens e isso é muito importante, porque vai determinar
e evitar que as letras fique em cima da imagem, veja no print:

H- Na próxima janela dê um nome para seu trabalho e clique em concluir e atenção para próxima janela,
veja no print:

I- Clicando em Editar, seu trabalho vai abrir direto no FrontPage e é lá que vamos continuar nosso
trabalho. aquela mensagem nova que abriu no começo pode fechar.

No Front Page

1- Clique em Visualizar para você ver que está tudo no lugar certinho. Então vá no menu
Formatar/Plano de Fundo

2- Na aba geral você pode escolher sua mids caso não seja ONLINE e depois vá para aba
Formatar e veja como faço:

3- Depois é só escolher a cor do texto e dar ok, veja no print:

4- Ainda no FrontPage vamos colocar nosso efeito de transição. Como???
5- Clique em Formatar/Transição de página:

6- Abrirá uma janela:
Importante - Deixe configurado: Entrar na página
Pq? Porque assim que o e-mail é aberto o efeito aparece.
Senão nossos amigos não irão perceber o efeito.
A Duração você escolhe se quer que o efeito fique mais rápido ou mais lento...
Efeito de Transição: Delicie com eles.. Brinque com os efeitos....
você com certeza irá amar...
Eu coloquei aleatório, cada vez que o e-mail irá ser aberto um efeito diferente aparecerá. Veja:

7- Dê ok. E salve

8- Abra uma nova mensagem/ Mensagem/Nova usando / e o nome do papel que você criou.
No meu caso eu dei o nome de Top Solidão1, veja:

9- Agora com a mensagem aberta clique em Visualizar e em Editar e a cada clique aparecerá um efeito
diferente. Gostou? Apaixonante, não é? Vamos continuar...

10- O resto é com você, apenas coloque o seguinte scritp de rodapé (aqui):

<SCRIPT language=JavaScript>
<!--
ScrollSpeed = 100; // milliseconds between scrolls
ScrollChars = 0; // chars scrolled per time period

function SetupTicker() {
// add space to the left of the message
msg = " ~ ~ ~ ART E FORMATAÇÃO PEKETITA'S DESIGNER~ ~ ~ ";
RunTicker();}

function RunTicker() {
window.setTimeout('RunTicker()',ScrollSpeed);
window.status = msg;
msg = msg.substring(ScrollChars) + msg.substring(0,ScrollChars);}
SetupTicker();

<!-- end -->
</SCRIPT>

11- Preste atenção que ainda falta muita coisa: texto, borda colorida, etc

Exemplo da aula

Exercício

Envie para o grupo um e-mail formatado como ensinado nesse tutorial, dele deverá conter:

Um papel de carta
Uma borda colorida
Uma moldura colorida ( opcional)
Efeito de transição
Texto
Música
Scrit de rodapé
Anti banner


Tenha um ótimo Trabalho...

Peketita's Designer