Aula 28 - Filtro - Efeito Degradê

Hoje vamos começar dando uma dica muito importante, veja:

§§- Nunca esqueça dessa dica - Para ter certeza que tudo está dando certinho. Clique em salvar.
E feche a mensagem.
Ela foi salvada na pastinha de Rascunho do seu Outlook.
Abra a mensagem novamente , e coloque na abinha "Origem".
Se tudo o que vc inseriu via caminho virou código então pode enviar tranquilamente pq a sua formatação está perfeitinha
e a pessoa que receberá verá o resultado do teu belo trabalho.

Materiais:
Filtro Degrade
Scripts
Música
Texto

Os filtros são comandos usados para produzir determinados efeitos em nossa formatação.
Efeito Degrade:
Para esse efeito o código utilizado é (aqui):

<BODY style="FILTER: progid:DXImageTransform.microsoft.Gradient(gradientType=1,
StartColorStr='#d5d6ff',EndColorStr='#8080ff')">

Aplicando o filtro no Outlook:

Vamos realizar um pequeno estudo para entendermos primeiramente a aplicabilidade
do código do filtro:

1 - Abra o Outlook
2 - Abra uma nova mensagem:
3- Clique em 'Criar email '
4- Ao abrir uma nova mensagem o nosso código fonte estará assim:

5- Na linha onde está <Body bg Color=#ffffff> você irá apagá-la e substituir pelo código
do filtro degrade, veja:

6- Veja como ficou:

7- Como eu faço pra trocar as cores do degrade? Assim:

8- Para mudar as cores somente mude o código da cor. Perceba que o código da cor está entre aspas.

Veja esse exemplo:
Vou usar para:
StartColorStr a cor amarela = #ffff40
EndColorStr a cor verde = #004000

9- Veja como ficará o código:


<BODY style="FILTER: progid:DXImageTransform.microsoft.Gradient(gradientType=1,
StartColorStr='#ffff40',EndColorStr='#004000')">

Veja como ficou:

Lindo efeito, não?

10 -Sugestão de scripts para Colorir Bordas e Barra de Rolagem e Mensagem de Rodapé:

***Barra de Rolagem

***Barra de Rodapé

§§§§- Se tiver dúvidas, pergunte, pois teremos o máximo prazer em ajudá-lo.

Exemplo da aula

Exercício

A- Envie para o grupo um e-mail formatado como foi ensinado nesse tutorial.

Ele deverá conter:
Filtro degrade utilizando dois tons da mesma cor.
Imagem ( opcional)
Texto (opcional)
Borda Colorida
Barra de Rolagem Colorida
Script para Mensagem no Rodapé (opcional)
Música
Assinatura (opcional)

B- Envie para o grupo um e-mail formatado como foi ensinado nesse tutorial.

Ele deverá conter:
Filtro degrade utilizando duas cores diferentes.
Imagem ( opcional)
Texto ( opcional)
Borda Colorida
Barra de Rolagem Colorida
Script para Mensagem no Rodapé (opcional)
Música ( opcional)
Assinatura (opcional)

Tenha um ótimo Trabalho

Peketita's Designer