Creare un countdown


Creare un countdown

Messaggio Da Ospite il Mar 10 Gen 2012 - 18:24

Creare un countdown


Ciao,
1. DEFINIZIONE
Con questo tutorial potrai creare una galleria di immagini come questa:



1. COMINCIAMO!
Inserisci questo codice ovunque tu voglia e modificalo opportunamente
Codice:
 <div style="font-family:Comic Sans MS; color:#FE2E64; font-size: 16px; padding-left: 68px; min-height: 64px; background: url(LINKIMMAGINE) top left no-repeat">
<script type="text/javascript">

var today=new Date()

//Enter the occasion's MONTH (1-12) and DAY (1-31):
var theoccasion=new Date(today.getFullYear(), NUMEROMESE, NUMEROGIORNO)

//Customize text to show before and on occasion. Follow grammer below:
var beforeOccasionText="prima di NOMEOCCASIONE"
var onOccasiontext="Oggi è NOMEOCCASIONE. AUGURIO

var monthtext=new Array("Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre")
theoccasion.setMonth(theoccasion.getMonth()-1) //change to 0-11 month format
var showdate="("+theoccasion.getDate()+" de "+monthtext[theoccasion.getMonth()]+")" //show date of occasion

var one_day=1000*60*60*24
var calculatediff=""

calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day))
if (calculatediff<0){ //if bday already passed
var nextyeartoday=new Date()
nextyeartoday.setFullYear(today.getFullYear()+1)
calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff)
}

//Display message accordingly
var pluraldayornot=(calculatediff==1)? "día" : "días"
if (calculatediff>0)
  document.write("<b>Mancano "+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+" </b>")
else if (calculatediff==0)
  document.write("<b>"+onOccasiontext+" "+showdate+"! </b>")

</script>
</div>



Ecco come modificarlo:
NOMEOCCASIONE – mettete il nome dell’occasione per esempio natale
NUMEROMESE – inserite un numero da 1 a 12 a seconda del mese dell’occasione
NUMEROGIORNO – inserite un numero da 1 a 31 a seconda del giorno dell’occasione
LINKIMMAGINE – inserite il link dell’immagine laterale

Fatto! :bene:


Tutoriale pubblicato da Celina e tradotto da Niko
Copyrigth © FORUMATTIVO.COM



Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum