TE04 Escrevendo com Gif - formatação adian

    

TE04 Escrevendo com Gif

Neste tutorial iremos estudar um script cujo efeito atua sobre o texto, onde as letras vão surgindo uma a uma precedidas de uma gif. Aqui usamos um pena.

 

Materiais:

1 backgound

1 gif de pena

Texto

Música

1 - Abra uma nova mensagem.

2 - Clique na abinha "Origem".

3 - Coloque o cursor após o Código responsável pelo Background: <BODY bgColor=#ffffff> e clique em "Enter" duas vezes, criando assim um espaço.

4 - Copie (Ctrl + C) o script abaixo e cole (Ctrl + V) no espaço criado.

Script Escrevendo com uma Gif

<BR><BR>

<TABLE

style="BORDER-RIGHT: #0d152d 4px dotted; BORDER-TOP: #0d152d 4px dotted; FILTER: alpha(opacity=60); BORDER-LEFT: #0d152d 4px dotted; BORDER-BOTTOM: #0d152d 4px dotted"

borderColor=#0d152d cellSpacing=4 cellPadding=10 width=500 align=right

bgColor=#ffffff borderColorLight=#0d152d border=2>

<TBODY>

<TR>

<TD align=middle>

<DIV id=w0

style="DISPLAY: none; Z-INDEX: -2; WIDTH: 300px; HEIGHT: 127px">

<DIV><FONT face="Trebuchet MS" color=#ff0000 size=2>TEXTO AQUI</FONT></DIV>

<DIV><FONT face="Trebuchet MS" size=2></FONT></DIV>

<DIV>&nbsp;</DIV>

<DIV>&nbsp;</DIV></DIV><SPAN id=w1 style="WIDTH: 100%"></SPAN><IMG

id=curseur style="DISPLAY: none" height=57

src="ENDEREÇO DA GIF AQUI" width=56

border=0></TD></TR></TBODY></TABLE>

<SCRIPT language=VBScript>

'

dim w,t,p,mm,c,mr,dy,tmp,vs

vs=6

dy=5

p=1

mr="<BR><BR><BR>"

c="<img align='texttop' hspace='0' vspace='6' src='"& curseur.src&"' style='position:absolute'>"&mr

Set w = document.body

Sub tp

on error resume next

If noise.src=fond.src Then

noise.src=pen.src

End If

m=mid(t,p,1)

If m="" Then

c=mr

End If

If m="`" Then

m=""

mm=mid(mm,1,len(mm)-1)

End If

If m="<" Then

av=instr(mid(t,p),">")

m=mid(t,p,av)

p=p+av-1

End If

If m="&" Then

av=instr(mid(t,p),";")

m=mid(t,p,av)

p=p+av-1

End If

tmp=0

If m="." Then

tmp=0

Else

If m="," Then

tmp=0

Else

If m=" " Then

tmp=0

Else

If m="^" Then

m=""

p=p+1

tmp=mid(t,p,1)*1000

noise.src=fond.src

End If

End If

End If

End If

If w.scrollHeight-w.scrollTop>w.offsetHeight Then

w.scrollTop=w.scrollTop+int(dy)

dy=dy+dy/vs

Else

dy=1

End If

mm=mm&m

w1.innerHTML=mm&c

p=p+1

If p<=len(t)+1 Then

SetTimeOut "tp",50+tmp

Else

w.scroll="yes"

noise.src=fond.src

End If

End Sub

sub window_onload()

on error resume next

SetTimeOut "musique",10000

noise.src=pen.src

t=w0.innerHTML

tp

end sub

sub musique

on error resume next

mu.src=zique.src

end sub

</SCRIPT>

 

5 - Clique na abinha "Editar" e insira o Background  (Formatar/Plano de fundo/ Imagem).

6 - Volte à Origem e cole o Caminho da Gif no lugar indicado. Cheque o resultado clicando na abinha "Editar".

7 - Depois de visualizado o efeito, vamos colorir a tabela que contem a Caixa de Texto. Para isso clique novamente na aba Origem e localize:

<TABLE

style="BORDER-RIGHT: #0d152d 4px dotted; BORDER-TOP: #0d152d 4px dotted; FILTER: alpha(opacity=60); BORDER-LEFT: #0d152d 4px dotted; BORDER-BOTTOM: #0d152d 4px dotted"

borderColor=#0d152d cellSpacing=4 cellPadding=10 width=500 align=right

bgColor=#ffffff borderColorLight=#0d152d border=2>

Troque os códigos que estão em verde por uma cor que combine com seu basckground. Eles determinam a cor da tabela.

 

O código em vermelho é o da cor do fundo da tabela. Aqui está branco. Se quiser trocá-lo procure uma cor bem clarinha.

 8 - Vamos agora inserir Bordas e Barra de Rolagem Colorida. Copie (Ctrl + C) o script abaixo, volte à Origem, localize o trecho <STYLE></STYLE>, apague-o e cole (Ctrl + V) o script no espaço criado.

Script para inserir Bordas e Barra de Rolagem Coloridas

<STYLE>BODY {

BORDER-RIGHT: #FFFFFF 10px ridge;

BORDER-TOP: #FFFFFF 10px ridge;

BORDER-LEFT: #FFFFFF 10px ridge;

SCROLLBAR-ARROW-COLOR: #FFFFFF ;

BORDER-BOTTOM: #FFFFFF 10px ridge;

SCROLLBAR-BASE-COLOR: #FFFFFF

}

</STYLE>

 

9 - Mais uma vez visualize seu trabalho. Estando tudo certinho e a seu gosto, volte à abinha "Editar" e complete a formatação com:

Script para rodapé (Como sugestão, você poderá usar o script que está disponível em Scritp)

Texto

Música online

Assinatura ( opcional)

Se precisar de ajuda é só pedir que teremos o maior prazer em ajudá-lo.

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

Ele deverá conter:

Script Escrevendo com uma Gif

Background

Gif de pena (ou outra que possa "escrever")

Texto

Borda Colorida

Barra de Rolagem Colorida

Script para Mensagem no Rodapé (opcional)

Música

Assinatura (opcional)

 

Não esqueça, por favor:

BBBB Colocar no assunto: seu nome ou nick - TE04 - Escrevendo com Gif.

No corpo do e-mail coloque o endereço deste tutorial, como hiperlink, inserido numa imagem pequena ou palavra.

Verificar o peso de sua mensagem.

Não esqueça do anti-banner

Copyright© 2002/2007 Dama Da Noite * Todos os direitos reservados*

Esse  tutorial foi criado por Esmê, em maio de 2007,  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 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.