Como coloco um relogio na parte de manutenção

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:
Esté é um código bem simples de editar, bastar 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