TE09 Texto Rolando - formatação adian

    

TE09 Texto Rolando

Neste script veremos um efeito onde as palavras ou frases do texto rolam sucessivamente. É próprio para pequenas mensagens ou recadinhos.

Materiais:
1 Background (opcional)
Imagem (opcional)
Música

1 - Abra uma nova mensagem.
2 - Clique na abinha "Origem"
3 - Localize a tag </BODY></HTML> coloque o cursor antes dela e cole o script abaixo.

Texto Rolando

<SPAN id=T1
style="Z-INDEX: -1; LEFT: 20px; WIDTH: 95%; POSITION: relative; HEIGHT: 100%"></SPAN>
<SCRIPT language=JavaScript>

// Separate words by piping character '|'
//
// ***************************************************
var MyText = "Parabéns!|Felicidades!|Feliz Aniversário|Beijos|"// ***************************************************

// Color values 0 to 1
var RedColor = 0.9
var GreenColor = 0.8
var BlueColor = 1


// ***************************************************
// VBScript : imaginé et programmé par Aladdin, Mars 99 (le truc qu'était propre)
// version (un peu Tar'adaptée) JScript créationiste par Gérard Ferrandez
// Mai 2000 - nzn.fr.html - en Juin promis j'arrête!
// "Every man over forty is a scoundrel." GBS, Maxims for Revolutionists.
// ***************************************************
window.onload = zyva;
object = new Array()
function mAsh(){
with(this){
with(Math){
ax+=stp
for(j=0;j<lgn*4;j+=4) {
alpha=ax+(j/4)*zou
ca=2-cos(alpha)
FS=ca*diam/10
if (ca==1){
nmr=txt.indexOf("|",nmb);if(nmr==-1){nmb=0;nmr=-1}
t=txt.substring(nmb,nmr)
for(i=0;i<4;i++)Otx[j+i].innerHTML=t
nmb=nmr+1
}
c=128*ca
cR=c*R;cG=c*G;cB=c*B
k1=0;k2=0;k3=1
for(i=0;i<4;i++){
with(Otx[j+i].style) {
fontSize=round(FS+k1*sin(alpha))
top=oH-FS+(diam*sin(alpha+k2)/2)
color="rgb("+round(cR/k3)+","+round(cG/k3)+","+round(cB/k3)+")"
zIndex=round(FS*100)+k1*sin(alpha)
}
k1+=6;k2+=0.1;k3++
}
}
}
setTimeout(sto,2)
}
}
function CObj(N,obj,txt,R,G,B,lgn,speed,diam,style){
this.N = N
this.obj=obj
this.oH=obj.style.pixelHeight/4
this.txt=txt
this.R=R
this.G=G
this.B=B
this.lgn=lgn
this.diam=diam
t="<span style='TEXT-ALIGN:CENTER;POSITION:ABSOLUTE;WIDTH:100%;"+style+"'></span>"
for(j=0;j<lgn;j++)obj.insertAdjacentHTML("beforeEnd",t+t+t+t)
this.Otx=obj.all.tags("span")
this.stp=(2*Math.PI/lgn)/speed
this.ax=0
this.nmr=0
this.nmb=0
this.zou=2*Math.PI/lgn
this.sto="object["+N+"].mAsh()"
this.mAsh = mAsh
setTimeout(this.sto,100)
}
function zyva() {
document.body.style.cursor="crosshair"
document.body.scroll="no"
//>>>>>>>>>>>>>>>>>>(N,OBJ,"text",R,G,B,Nbr_Lines,speed,diam,"style")
object[0] = new CObj(0,T1,MyText,RedColor,GreenColor,BlueColor,4,-8, document.body.offsetHeight/1.5,"font-family:Trebuchet MS;font-weight:bold")
}
</SCRIPT>

4 - Após colado o script na Origem, visualize o efeito. Se estiver muito junto à margem superior, volte em Editar e clique na área da mensagem até que apareça a caixa de texto. Posicione o mouse acima dela e dê alguns "Enter". Volte a visualizar. Se necessário repita a operação até que fique a seu gosto.
5 - Ainda em Editar, insira o Background através de "Formatar>Plano de Fundo>Imagem".
6 - Em seguida insira  uma imagem (opcional) através de  (Inserir Imagem).

7 - Agora vamos colocar o texto. Neste script ele tem que ser digitado na origem.  Veja onde:


// ***************************************************
var MyText = "Parabéns!| Felicidades! | Feliz Aniversário | Beijos |"// ***************************************************

Repare que as palavras ou frases são separadas pelo caracter "|"

// Color values 0 to 1
var RedColor = 0.9
var GreenColor = 0.8
var BlueColor = 1

Os valores em verde que variam entre  0 e 1 podem ser alterados até que encontre uma combinação de cores a seu gosto.

8 - Veremos agora as demais alterações a serem feitas no script.
Localize no scripts os trechos:

1 - document.body.style.cursor="crosshair"

Aqui você troca o tipo de cursor. Mais abaixo disponibilizamos uma relação com todos os tipos de cursores.

2 - (0,T1,MyText,RedColor,GreenColor,BlueColor,4,-8, document.body.offsetHeight/1.5,"font-family:Trebuchet MS;font-weight:bold")

O valor em azul determina a velocidade do rolamento das palavras ou frases. Quanto menor mais rápido o movimento e vice-cersa.

O valor em verde indica a direção do rolamento. Valores positivos invertem a direção. Também altera a velocidade do rolamento. Quanto menor mais rápido o movimento e vice-versa.

O valor em vermelho  determina o tamanho da fonte (valores entre 0.1 e 3.9)
Em 

font-family trocamos o tipo da fonte.

Tipos de Cursores:
cursor: auto (utiliza o cursor definido pelo utilizador)
cursor: crosshair (cruz)
cursor: default (não altera o cursor)
cursor: e-resize (seta para a direita, Este)
cursor: hand (a tradicional mãozinha)
cursor: help (ponto de interrogação ?)
cursor: move (cruz com setas nas extremidades)
cursor: n-resize (seta para norte, N)
cursor: ne-resize (seta para NE)
cursor: nw-resize (seta para NO)
cursor: pointer (a mãozinha)
cursor: s-resize (seta para sul, S)
cursor: se-resize (seta para SE)
cursor: sw-resize (seta para SO)
cursor: text (cursor típico de inserção de texto)
cursor: w-resize (seta para a esquerda, Oeste)
cursor: wait (cursor de "ocupado", aguardando)

9 - Feitas todas as alterações, clique em Visualizar e veja se está tudo certinho e a seu gosto.
10 - Complemente sua mensagem com Bordas Coloridas e coloque também um script para Mensagem de Rodapé.
Qualquer dúvida é só perguntar.






TE09 - Envie para o grupo um e-mail formatado como foi ensinado nesse tutorial.
Ele deverá conter:
Script com o efeito Texto Rolando
Bbackground  (opcional; pode ser somente uma cor)
Imagem ( opcional)
Borda Colorida
Script para Mensagem no Rodapé
Música
Assinatura (opcional)




Não esqueça, por favor:
Colocar no assunto: seu nome ou nick - TE09 - Texto Rolando.
No corpo do e-mail coloque o endereço deste tutorial, como hiperlink em uma imagem (gif) 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 elaorado por Esmê, em julho 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.