Forum dei Forum: Aiuto per Forumattivo
Benvenuto sul forum di supporto di Forumattivo .



Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

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