[TUTORIAL] Adicionar um contador regressivo

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

[TUTORIAL] Adicionar um contador regressivo

Mensagem por Gabe em 03/04/12, 07:25 pm

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



- 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.


- 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!


- 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
avatar

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5769
Pontos Ativos : 7546

Ver perfil do usuário https://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum