T10 Tabela com Efeitos - formatação adian


"Clique em cima da flechinha e arraste para marcar o passo do tutorial onde está trabalhando"





    
T10 Tabela com Efeitos

Material Necessário:
- 3 patterns 100x100 para os backgrounds;
- 1 imagem jpg 642x482

Inserindo o Script:

1 - Abra uma nova mensagem clique na aba "Origem", delete tudo o que lá se encontra e cole o script abaixo.
Sempre que for usar um script, copie e cole antes no bloco de notas.  Só então copie do bloco de notas e cole na origem da sua nova mensagem.

Script Tabela com Efeitos


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Tabela com Efeito</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<STYLE>BODY {
BORDER-RIGHT: #ffffff 6px ridge; BORDER-TOP: #000000 6px ridge; BORDER-LEFT: #000000 6px ridge;
SCROLLBAR-ARROW-COLOR: #cococo; BORDER-BOTTOM: #000000 6px ridge; SCROLLBAR-BASE-COLOR: #000000
}
.tab {
BORDER-RIGHT: #000000 6px double; BORDER-TOP: #000000 6px double; BORDER-LEFT: #000000 6px double;
BORDER-BOTTOM: #000000 6px double
}
.pl {
LEFT: -1800px; POSITION: absolute; TOP: -1800px
}
.tekst {
FONT-WEIGHT: normal; FONT-SIZE: 14pt; OVERFLOW: auto; COLOR: #000000; FONT-FAMILY: Trebuchet MS
}
</STYLE>
<!--achtergrondkleur aanpassen-->
<META content="MSHTML 6.00.2900.3243" name=GENERATOR></HEAD>
<BODY id=back bgColor=#ffffff background=INSERIR_BACKGROUND><BGSOUND balance=0
src="CAMINHO DA MÚSICA" volume=0 loop=infinite>
<DIV><STRONG><FONT face="Trebuchet MS"
color=#000080></FONT></STRONG>&nbsp;</DIV>
<DIV><BR></DIV><!--muziek invoegen, voor wma of asf scriptje helemaal onderaan gebruiken-->
<!--achtergrond 1e tabel invoegen--><IMG
class=pl id=bg1 src="CAMINHO DO BACKGROUND 01"> <!--achtergrond 2e tabel invoegen--><IMG class=pl id=bg2
src="CAMINHO DO BACKGROUND 02">
<TABLE class=tab id=tab1 style="VISIBILITY: visible" cellSpacing=20
cellPadding=20 width="60%" align=center>
<TBODY>
<TR>
<TD align=middle>
<DIV
style="LEFT: 0px; WIDTH: 100%; POSITION: relative; TOP: 0px; HEIGHT: 100%">
<TABLE class=tab id=tab2 style="VISIBILITY: hidden" cellSpacing=20
cellPadding=20 width="100%" align=center>
<TBODY>
<TR>
<TD align=middle>
<DIV
style="LEFT: 0px; WIDTH: 100%; POSITION: relative; TOP: 0px; HEIGHT: 100%">
<TABLE id=tab3 style="VISIBILITY: visible" width="100%">
<TBODY>
<TR>
<TD><!--hoofdplaatje invoegen--><IMG id=pic
style="VISIBILITY: visible"
src="CAMINHO DA IMAGEM PRINCIPAL"></TD></TR>
<TR>
<TD align=middle><BR><BR><!--hier tekst en bij width de wijdte van het hoofdplaatje vermelden-->
<DIV class=tekst style="WIDTH: 629px; HEIGHT: 203px">
<DIV>&nbsp;</DIV>
<DIV>Texto
Aqui
</DIV></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD>
</TR></TBODY></TABLE>
<SCRIPT language=VBScript>
'-------------------------------
'script written by Annem@rie
'www.annemaries.nl/
'april 2006
'PLEASE DON'T REMOVE THIS LINES
'met dank aan Ton voor de false/true conditie
'--------------------------------------------

Option Explicit

SetLocale("en-gb")

window.status="MENSAGEM DE RODAPÉ"

Dim t,f

t=true
f=false

Sub window_onload()
tab1.style.backgroundImage="URL("&bg1.src&")"
tab2.style.backgroundImage="URL("&bg2.src&")"
setTimeout "start1", 800
setTimeout "start2", 800
end sub

Sub start1()
if t then
tab1.style.filter="progid:DXImageTransform.Microsoft.wheel(duration=4, spokes=20)"
tab1.filters(0).Apply()
tab1.style.visibility="hidden"
tab1.filters(0).Play(4.000)
t=false
else
tab1.style.filter="progid:DXImageTransform.Microsoft.RadialWipe(Duration=4,WipeStyle=spin)"
tab1.filters(0).Apply()
tab1.style.visibility="visible"
tab1.filters(0).Play(4.000)
t=true
end if
setTimeout "start1", 8000
end sub

Sub start2()
if f then
tab2.style.filter="progid:DXImageTransform.Microsoft.wheel(duration=4, spokes=20)"
tab2.filters(0).Apply()
tab2.style.visibility="hidden"
tab2.filters(0).Play(4.000)
f=false
else
tab2.style.FILTER="progid:DXImageTransform.Microsoft.Stretch(Duration=4, stretchStyle=SPIN)"
tab2.filters(0).Apply()
tab2.style.visibility="visible"
tab2.filters(0).Play(4.000)
f=true
end if
setTimeout "start2", 8000
end sub

Sub Window_onresize()
window.location.reload()
End Sub

</SCRIPT>
</BODY></HTML>


2 - Coloque o Plano de Fundo pelo método Formatar>Plano de Fundo>Imagem e os  demais backgrounds e Imagem colando os endereços (caminhos). Não esqueça da música.
3 - Complemente sua formatação trocando as cores de Bordas, Barra de Rolagem, cor de letras, tipo e tamanho de fontes, cuidando sempre para que essas cores combinem com o seu background ou imagem principal. Escreva também sua mensagem de rodapé.

Se tiver dúvidas pergunte, pois teremos muito prazer em ajudá-lo.






T10 - Envie para o grupo um e-mail formatado conforme o script.
Ele deverá conter:
Script Tabela com Efeitos.
Background
Texto
Música
Assinatura (opcional) colocada dentro da Caixa de Texto.




Coloque no "Assunto" o seu nome ou nick, seguido do número e título da aula:
Nome - T10 - Tabela com Efeitos;
Dentro da caixa de texto (no final), coloque numa imagem pequena ou palavra um hiperlink com o endereço deste tutorial.
Não esqueça o anti-banner. De preferência use um anti-banner transparente para não interferir na formatação. (As formatações que tiverem quaisquer vestígios do banner não serão aceitas).
Por favor, dê especial atenção aos itens 2 e 3 da segunda página deste tutorial.



/div>

Copyright© 2002/2007 Dama Da Noite * Todos os direitos reservados*
Esse  tutorial foi elaborado e formatado por Esmê, em janeiro de 2008, especialmente 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 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.

Nenhum comentário:

Postar um comentário

Para se inscrever nas listas clique nos títulos de cada grupo na página inicial. Comece com as aulas de PSP, depois continue com o PSP + AS, e se quiser siga com o Xara e a Formatação para criar belos e-mails.
Deixe aqui suas opiniões e seja sempre bem-vindo(a).