TE07 Efeito Glow - formatação adian

    

TE07 Efeito Glow

Esse tutorial oferece o script categoria texto: efeito glow pulsando ao redor das palavras.

Materiais:
1 Background (pattern textura)
1 gif
Texto
Música

1 - Abra uma nova mensagem.
2 - Em seguida vamos colocar o script:  clique na Abinha Origem, coloque o cursor após o trecho <BODY bgColor=#ffffff> e dê Enter.
3 - Coloque o cursor no espaço criado; selecione o scritp abaixo, copie (CTRL + C) e cole (CTRL + V).

Efeito Glow no Texto

<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV><SPAN id=theText style="WIDTH: 100%">
<DIV align=center>&nbsp;</DIV>
<DIV align=center><FONT face=Verdana color=#000000 size=4><STRONG>Texto aqui</STRONG></FONT></DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV></SPAN>
<SCRIPT>
<!--

/*
Pulsating Text (Chris A e-mail: KilerCris@Mail.com)
Permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/


//range of glowing
var from = 5;
var to = 11;

//speed of pulsing
var delay = 55;

//color of glow, name or RGB value (example:'#00FF00')
var glowColor = "ff0000";


//NO MORE EDITING!!!
var i = to;
var j = 0;

//can be called here or whenever you want the text to start pulsing
textPulseDown();

function textPulseUp()
{
if (!document.all)
return
if (i < to)
{
theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")";
i++;
theTimeout = setTimeout('textPulseUp()',delay);
return 0;
}

if (i = to)
{
theTimeout = setTimeout('textPulseDown()',delay);
return 0;
}


}

function textPulseDown()
{
if (!document.all)
return
if (i > from)
{
theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")";
i--;
theTimeout = setTimeout('textPulseDown()',delay);
return 0;
}

if (i = from)
{
theTimeout = setTimeout('textPulseUp()',delay);
return 0;
}
}

//-->
</SCRIPT>

4 - Na Abinha Editar coloque seu background usando: Formatar>Plano de Fundo>Imagem. Use um background ou uma pattern com uma textura suave.
5 - Após colocar o background e cheque o efeito clicando na abinha Visualizar.
6 - Depois de visualizado o efeito, vamos estudar detalhadamente esse script e ver onde pode ser alterado. Para isso clique novamente na aba Origem.
Alterações que podem feitas no Script.

Localize no script:

<DIV align=center><FONT face=Verdana color=#000000 size=4><STRONG>Texto aqui</STRONG></FONT></DIV>

Esse trecho é onde você formata seu texto:

a) - Para trocar a fonte (em azul) basta você digitar o nome da fonte que quer usar, lembrando sempre de usar uma fonte original do Windows.

b) Para trocar a cor da fonte basta substituir o  código que está em verde pelo da cor que você quer usar.

c) No valor em laranja você troca o tamanho de sua fonte.

Agora vamos ver as alterações no efeito. Todas as alterações estão neste trecho:

//range of glowing
var from = 5;
var to = 11; 

//speed of pulsing
var delay = 55;  - Valor do efeito "pulsar".   Quanto menor o valor mais rápido o efeito.

//color of glow, name or RGB value (example:'#00FF00')
var glowColor = "ff0000";


var from = 5;  - Valor mínimo da largura do efeito.
var to = 11;    - Valor máximo da largura do efeito.

var delay = 55;  - Valor do efeito "pulsar". Quanto menor o valor mais rápido o efeito e vice-versa.

O código em rosa é o responsável pela cor do efeito.

7 - Visualize seu trabalho e veja se o efeito está a seu gosto. Estando tudo certinho, vá para a abinha Editar e dê um duplo clique no local indicado para digitar seu texto, vai aparecer a "Caixa de Texto". Tudo o que você digitar ou imagem que inserir dentro dela vai ficar com o efeito glow.

8 - Ainda na abinha "Editar" complete a formatação  com :

borda colorida
barra de rolagem colorida
script para rodapé
música ( Formatar/Plano de fundo/ Som)
assinatura ( opcional)






TE07 - Envie para o grupo dois e-mails formatados como foi ensinado nesse tutorial.

TE07a - Insira uma imagem acima da "Caixa de Texto".

TE07b - Insira uma imagem (dê preferência uma gif transparente) dentro da "Caixa de Texto".

Eles deverão conter:
Script com o efeito glow
background
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 - TE07 - Texto: Efeito Glow (a e b).
No corpo do e-mail coloque o endereço desse tutorial como hiperlink numa imagem pequena ou palavra. (Abaixo da Caixa de Texto)
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.