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.

Nome do evento

Sexta-feira - 29/07/2011




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";

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: