Jquery Countdown (Jquery Conto alla rovescia)

Forum misto con frammenti di codice
Rispondi
Avatar utente
Galandas
Staff phpBB3World
Staff phpBB3World
Messaggi: 792
Iscritto il: 4 nov 2012, 9:18
Località: phpbb3world
Contatta:

Jquery Countdown (Jquery Conto alla rovescia)

Messaggio da Galandas » 19 ott 2016, 12:48

In questo modo è possibile inserire un bel conto alla rovescia sul tuo forum.
Apri: styles/prosilver/template/overall_header.html
Cerca:

Codice: Seleziona tutto

<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>
Aggiungi dopo:

Codice: Seleziona tutto

<script src="{ROOT_PATH}script/jquery-1.4.js" type="text/javascript"></script>
<script src="{ROOT_PATH}script/jquery.countdown.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	//$("#time").countdown({date:"may 1, 2011"});
	$("#time").countdown({date:"may 12, 2012 23:26:28"});
	//$("#time").countdown({date:"april 15, 2011"});
});
</script>
Nota questa parte: <script src="{ROOT_PATH}script/jquery-1.4.js" type="text/javascript"> Non è necessario includerla se si utilizza già il jQuery.

Apri: styles/prosilver/theme/colours.css
Aggiungi in fondo alla pagina:

Codice: Seleziona tutto

p#time{
height:24px;
color:#c21017;
text-align: center;
font-size:2.8em;
}

p#time span{
display:inline;
color:#222222;
}
Ora è possibile utilizzare questo codice HTML per inserire il conto alla rovescia nel tuo template:

Codice: Seleziona tutto

<p id="time"></p>
script.zip
Non hai i permessi necessari per visualizzare i file allegati in questo messaggio.


Ultimo bump di Galandas effettuato il 19 ott 2016, 12:48.
Menu Forum ha scritto:

Rispondi

Torna a “Snippets”

Chi c’è in linea

Visitano il forum: Nessuno e 3 ospiti