ROLAGEM AUTOMÁTICA

Hoje vamos aprender como fazer para que seu email vá subindo sozinho.
Para isso vamos precisar:
=Imagem
=Pater ou tile da immagem
=Texto
=Assinatura
=Gifs
=Script de rolagem automática
=Scritp de rodapé

Vamos trabalhar mais no FrontPage, mas também vamos precisar do psp e do OE

Vamos escolher a imagem. Eu escolhi essa aproveitando o Penta escolhi o tema Brasil na copa

1- Vou abri-la no psp e trabalhar com ela...Veja os passos a seguir:
2- Duplica e fecha o original. Torne a duplicar e minimize uma cópia
3- Abra um transparente de 300 por 300 e Selection all. Edit copy na imagem e Past into selection no
transparente. Sellection none
4- Adjust/Sharpen/Sharpen more. Duplique a imagem e reserve uma cópia.
5- Na cópia que ficou: Plugin/Simple/Pizza Slice Mirror
6- Plugin/Simple/Diamonds
7-Plugin/Simple/Quick Tile
8- New layer e pinte da cor de seu trabalho, só que bem clarinha. Coloque essa layer com a
opacidade em 40% e Blend Mode Screen
9- Merge all e salve em jpeg. Esse é nosso tile. Veja como ficou o meu:

(Se você não mexe no PSP e quiser usar essa imagem, pode faze-lo clicando com o botão direito e escolhendo salvar imagem como...)

10- Agora vamos trabalhar com a outra imagem. Vá em Image/Adicionar bordas simétricas de 8
pixels. Pinte de dourado e aplique o Inner Bevel/Frame
11- Repita o passo 10.
12- Coloque sua marquinha dágua e salve em jpeg.

Veja aqui:

Agora já temos o tile e a imagem Principal e podemos ir para o FrontPage. No FrontPage:

1- Quando abrimos o FrontPage ele já abre uma página em branco e é nela que vamos trabalhar.
2- Vá em Formatar/Plano de Fundo e obsrve a configuração para fazer igual:

3- Agora vamos inserir a nossa imagem, assim:

4-Dê Enter e vamos em Tabela/Inserir/Tabela e configure do geito que mais gostar, veja minha configuração:

5- Agora eu quero dar uma incrementada em minha tabela, então vou em Propriedades da Tabela e faço essa configuração:

6- Vou novamente em Tabela/Inserir/Tabela e configuro assim:

7- Tenho que mesclar as células, assim:

8- Dou alguns Enter para dar forma à minha tabela e vou em Propriedades da Tabela, para dar um Estilo nela, veja:

9- Agora vamos colorir as bordinhas do email e a barra de rolagem. Como??? Assim:

10- Não esqueça de sempre clicar na aba Visualizar para ver como está ficando seu trabalho e depois volte para aba Designer
para continuar. Se alguma coisa não te agradou vá pra aba Designer e faça a correção.
11- Agora vamos trabalhar dentro da tabela. Vou escolher um texto que combine e colocar lá.
12- Muito bem! Já formatei meu email com texto, gif e assinatura e agora vou salvar, seguindo aquele caminho já ensinado
13- Arquivo/Salvar como e dou um nome para meu trabalho, assim:

14- Para quem usa Windows XP, agora siga este caminho: Meu computador/Disco C/Arquivos de Programas/Arquivos Comuns/Microsoft Shared/
Papel de Carta/Salvar

Agora no OE:
1-Mensagem/Nova mensagem usando/Selecionar Papel de Carta e procure pelo seu trabalho, veja:

2- E seu email está formatado, mas ainda falta TRês coisas:
A- Escolher a música
B- Preencher o campo assunto
C- Colocar o scritp de rolagem e de rodapé

3- O script de rolagem automática é esse e deve ser colocado no fechamento do email, assim:

<SCRIPT language=JavaScript1.2>

/*
Advanced window scroller script-
By Neli
Over 200+ free JavaScripts here!
*/

var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
/*alt=1
else
alt=0*/ /*esta parte faz com que volte para o topo.*/
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",40)
}
window.onload=initialize
</SCRIPT>

<SCRIPT language=JavaScript1.2>

/*
Advanced window scroller script-
By Neli
Over 200+ free JavaScripts here!
*/

var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
/*alt=1
else
alt=0*/ /*esta parte faz com que volte para o topo.*/
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",40)
}
window.onload=initialize
</SCRIPT>

4-Agora vá na abinha Visualisar e veja o efeito e depois volte pra abinha Editar.
5- Agora vamos colocar o script de rodapé, do mesmo jeito que coloquei e outro de rolagem aulatomática. Oscript é esse:

<SCRIPT language=JavaScript>
var hellotext="ART E FORMATAÇÃO PEKETITA'S DESIGNER"
var thetext=""
var started=false
var step=0
var times=1
function welcometext()
{
times--
if (times==0)
{
if (started==false)
{
started = true;
window.status = hellotext;
setTimeout("anim()",1);
}
thetext = hellotext;
}
}
function showstatustext(txt)
{
thetext = txt;
setTimeout("welcometext()",4000)
times++
}
function anim()
{
step++
if (step==5) {step=1}
if (step==1) {window.status=']::--::--::--::--::--::--::--::--::'+thetext+ '::--::--::--::--::--::--::--::--::['}
if (step==2) {window.status=']-::--::--::--::--::--::--::--::--:'+thetext+'-::--::--::--::--::--::--::--::--:['}
if (step==3) {window.status=']--::--::--::--::--::--::--::--::--'+thetext+'--::--::--::--::--::--::--::--::--['}
if (step==4) {window.status=']:--::--::--::--::--::--::--::--::-'+thetext+':--::--::--::--::--::--::--::--::-['}
setTimeout("anim()",50);
}
welcometext();
function MM_findObj(n, d) {
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_swapImage() {
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() {
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() {
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
</SCRIPT>

6- Feito isso seu email está pronto. Pode enviar para a correção.

Exemplo da aula

Exercício


****Envie para o grupo um email com todos detalhes que foi ensinado no tutorial

Tenha um ótimo Trabalho

Peketita's Designer