TE08 Efeito Letras mudando de cor - formatação adian

    
TE08 Efeito Letras mudando de cor

Com esse script as letras do texto mudam de cor uma a uma. Vamos ver neste tutorial onde inseri-lo e também como complementá-lo.

Materiais:
Background
Imagem
Texto
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 mudando de cor letra a letra

<script language="JavaScript1.2">

/*
Neon Lights Text
By Website Abstraction (http://wsabstract.com)
For this script, TOS, and 100s more DHTML scripts,
Visit http://www.dynamicdrive.com
*/

var message="DIGITE SEU TEXTO AQUI"
var neonbasecolor="#0000FF"
var neontextcolor="#FF0000"
var flashspeed=20 //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight">'+message.charAt(m)+'</span>')
document.write('</font>')

//cache reference to neonlight array
var tempref=document.all.neonlight
}
else
document.write(message)

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
tempref[m].style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
tempref[n].style.color=neontextcolor

if (n<tempref.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all)
flashing=setInterval("neon()",flashspeed)
}
beginneon()

</script>
<BR><BR>

4 - Após colado o script na Origem, volte em Editar e insira o Background através de "Formatar>Plano de Fundo>Imagem".
5 - Em seguida insira  uma imagem através de  (Inserir Imagem).
6 - Agora vamos colocar o texto. Neste script ele tem que ser digitado na origem.  Não pode ser usado "Enter". Tem que ser um texto corrido.  Eu prefiro digitá-lo no Bloco de Notas (sem usar o Enter), copiá-lo e depois colá-lo no no lugar indicado.
7 - Veremos agora as alterações a serem feitas no script.

Localize o trecho do script:

var neonbasecolor="#0000FF"
var neontextcolor="#FF0000"
var flashspeed=20 //in milliseconds

O código em azul é a cor da letra. Mude-o a seu gosto.

O código em vermelho é a cor do efeito. Mude-o por uma cor de sua preferência.

O valor em roxo é a velocidade com que o efeito aparece. Quanto maior o valor, menor a velocidade e vice-versa.

8 - No script original não tem opção para troca de tipo, tamanho e estilo da fonte.  Resolveremos isso adicionando mais um pequeno script.
9 - Localize na origem a frase <STYLE></STYLE>, selecione-a e cole em seu lugar o script abaixo.

Script para alterar configurações da fonte e do texto

<STYLE>BODY {
TEXT-align="center"; FONT-SIZE: 14pt; FONT-WEIGHT: BOLD; FONT-STYLE: NORMAL; COLOR: #000000; FONT-FAMILY: ARIAL
}
</STYLE>

Alterações neste script:

TEXT-ALIGN: justify, left, right, center
FONT-WEIGHT: bold, normal, bolder, lighter
FONT-STYLE: italic, normal, oblique
FONT-FAMILY: Nome de uma fonte de sua preferência. Não esqueça que ela deve pertencer ao grupo de fontes do Windows
FONT-SIZE: Tamanho da fonte.
COLOR: Não precisa ser mudado, por as cores visualizadas já tem essa alternativa no script principal.

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



TE08 - Envie para o grupo um e-mail formatado como foi ensinado nesse tutorial.
Ele deverá conter:
Script com o efeito Letras Mudando de Cor.
Background (pattern) ou uma cor.
Imagem
Texto
Borda Colorida
Barra de Rolagem Colorida
Script para Mensagem no Rodapé
Música
Assinatura (opcional)




Não esqueça, por favor:
Colocar no assunto: seu nome ou nick - TE08 - Letras Mudando de Cor.
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 criado por Esmê em junho/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.