[TUTORIAL] Adicionar um contador regressivo

Muitas vezes em nossos fóruns queremos adicionar novos eventos. Esses, podem ter um bom nível de expectativa. Por isso, para aliviar (ou não) a situação, podemos adicionar um contador regressivo a esse evento. Aprenda como neste tutorial.

--> Tutoriais, dicas e astúcias <--
Adicionar um contador regressivo

1º - Código que deverá ser utilizado:
Este é um código bem simples de editar, basta você editar as partes coloridas, existe uma indicação ao final deste ponto explicando o que faz cada uma delas.

<span class="contador"><font size="2"><div align="center"><b>Nome do evento</font></b>

<font size="1">Sexta-feira - 29/07/2011</font>


<center><script language="JavaScript">

TargetDate = "07/29/2011 9:00 PM";
BackColor = false;
ForeColor = false;
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%% Dias, %%H%% Horas, %%M%% Minutos e %%S%% Segundos";
FinishMessage = "Mensagem Final";
</script>
<script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js">
</script></center></div></span>

Vermelho -> Nome do evento a ser esperado. Qualquer tipo de texto e customização.
Verde -> Data do evento. Nesta parte poderá seguir o formato de data que desejar.
Laranja -> Novamente a data do evento, porém, desta vez, deverá seguir o seguinte formato: MM/DD/AAAA. A hora deverá ser colocada no formato 12 horas, alternando entre as siglas "AM" e "PM", ante meridiem e post meridiem, respectivamente.
Azul -> Aqui poderá escolher novas nominações para Dias, Horas, Minutos e Segundos.
Violeta -> Escolha uma Mensagem Final que aparecerá assim que o contador regressivo esgotar.


2º - Locais em que este código pode ser utilizado:
Em geral, em qualquer lugar que aceite códigos HTML. Mas, para facilitar, trouxemos uma lista deles:

1. Mensagem da Home Page:
   Painel de Controle -> Visualização -> Home Page -> Geral -> "Mensagem da Home Page"
   
2. Widgets (em todos que são possíveis de criar ou modificar):
   Painel de Controle -> Módulos -> Portal & Widgets -> Configuração do portal -> Estrutura
   ou
   Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos widgets do fórum
   
3. Newsletter's (modo HTML)
   Painel de Controle -> Geral -> Newsletter -> Redação e envio
   
4. Mensagens Privadas (MP) e mensagens (com HTML ativado para as mensagens) Só terá efeito na determinada mensagem!
   

3º - Resultado em uma imagem:

---

© Fórum dos Fóruns

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Adicionar um contador regressivo