Recensisci!
Diventa un recensore per ricevere prodotti gratuiti o scontati!
Iscriviti
Se desideri, puoi effettuare un'iscrizione gratuita al forum per entrare nella nostra community.
Ricerca Avanzata
Answers
Se necessiti di aiuto, clicca il pulsante "Cerco Aiuto" (disponibile anche per i non iscritti).
Ultimi argomenti
» display 16x2 con I2c
Da Admin Ieri alle 5:15 pm

» sketch non valido
Da Admin Ieri alle 5:15 pm

» Bluetooth Control
Da Admin Ieri alle 5:14 pm

» Rivetti in plastica per l'auto | 415 unità | Prezzo minimo
Da Bawoo Ieri alle 5:15 am

» Convertire PDF in Word, Excel e PowerPoint
Da Admin Mer Gen 16, 2019 10:15 am

» Recensione canale Youtube NYKK3
Da Admin Mar Gen 15, 2019 4:28 pm

» 50% off discount, Elettrica Lampada Zanzare, Bawoo
Da Bawoo Lun Dic 10, 2018 11:15 am

» Anteprima Farming Simulator 19 - Primo gameplay della Giant Software!
Da Admin Mar Nov 13, 2018 12:13 pm

» Come creare una routine con Amazon Alexa
Da Admin Mar Nov 13, 2018 12:10 pm

I postatori più attivi del mese
Admin
 
fulvio calvarano
 
Bawoo
 

Conto alla rovescia per natale

Andare in basso

Conto alla rovescia per natale

Messaggio Da Draken il Sab Dic 08, 2012 5:42 pm




Salve a tutti,
recentemente non avendo niente da fare mi sono messo a "giocare" con alcuni script,
tra cui quello per il Countdown. Visto che siamo vicini al natale l'ho modificato fino a creare un conto alla rovescia per natale. Il codice contiene Javascript e Css, spero di non sbagliare mettendolo in Html....
Comunque, potete integrarlo nel vostro sito con uno di questi due script:

Codice:
<iframe  src="http://trikserver.altervista.org/file/natale.html" width=200 height=200 frameborder=0 border=0 marginwidth=0 marginheight=0 scrolling="no" ALLOWTRANSPARENCY="true">
</iframe>

Codice:
<script type="text/javascript">

function countdown()
{
var_anno=2012;
var_mese=12;
var_giorno=25;
var_ore=1;
var_minuti=0;
var_secondi=0;
data_scandeza= new Date(var_anno,var_mese-1,var_giorno,var_ore,var_minuti,var_secondi);
data_oggi= new Date();
differenza=(data_scandeza-data_oggi);
giorni=parseInt(differenza/86400000);
differenza=differenza-(giorni*86400000);
ore=parseInt(differenza/3600000);
differenza=differenza-(ore*3600000);
minuti=parseInt(differenza/60000);
differenza=differenza-(minuti*60000);
secondi=parseInt(differenza/1000);
differenza=differenza-(secondi*1000);
if (giorni <= "0" && ore <= "0" && minuti <= "0" && secondi <= "0")
{
document.getElementById("countdown").innerHTML="E' Natale! Tanti Auguri!";
}
else
{
document.getElementById("countdown").innerHTML=giorni +' giorni '+ore+' ore '+minuti+' min '+secondi+' sec';
setTimeout("countdown()",1000)
}
}
</script>

<style>
#countdown {
  margin: 0px;
  background-image: url('http://i42.servimg.com/u/f42/17/32/70/37/f0155f10.png');
  background-repeat: no-repeat;
  font-size: 14;
  font-weight: normal;
  line-height: 360px;
  text-align: center;
  width: 200px;
  height: 200px;         
  font-family: Calibri;
}
</style>




<body onload="countdown()"><div id="countdown"></div>



Ultima modifica di Trik boom il Gio Dic 13, 2012 4:34 pm, modificato 1 volta
avatar
Draken
Livello cinque
Livello cinque

Messaggi Messaggi : 428
Crediti Crediti : 2010
Reputazione Reputazione : 36
Data d'iscrizione Data d'iscrizione : 19.03.12
Età Età : 19

Visualizza il profilo

Torna in alto Andare in basso

Re: Conto alla rovescia per natale

Messaggio Da Admin il Sab Dic 08, 2012 8:34 pm

Stupendo, complimenti! Hai utilizzato molto bene i codici Very Happy.
avatar
Admin
♔ Amministratore

Messaggi Messaggi : 4348
Crediti Crediti : 12122
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 20
Località Località : Brescia

Visualizza il profilo http://wikiinfo.forumattivo.it

Torna in alto Andare in basso

Re: Conto alla rovescia per natale

Messaggio Da Luigi il Sab Dic 08, 2012 9:06 pm

*.* bellissimo *.*
avatar
Luigi
Livello quattro
Livello quattro

Messaggi Messaggi : 194
Crediti Crediti : 549
Reputazione Reputazione : 11
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 19
Località Località : Brescia

Visualizza il profilo

Torna in alto Andare in basso

Re: Conto alla rovescia per natale

Messaggio Da Draken il Dom Dic 09, 2012 11:44 am

Grazie
avatar
Draken
Livello cinque
Livello cinque

Messaggi Messaggi : 428
Crediti Crediti : 2010
Reputazione Reputazione : 36
Data d'iscrizione Data d'iscrizione : 19.03.12
Età Età : 19

Visualizza il profilo

Torna in alto Andare in basso

Re: Conto alla rovescia per natale

Messaggio Da Bix il Mer Dic 12, 2012 3:06 pm

ma l'iframe non è un po troppo lungo di altezza?


avatar
Bix
♔ Amministratore

Messaggi Messaggi : 510
Crediti Crediti : 2223
Reputazione Reputazione : 24
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 29
Località Località : Milano

Visualizza il profilo

Torna in alto Andare in basso

Re: Conto alla rovescia per natale

Messaggio Da Draken il Gio Dic 13, 2012 4:34 pm

@Bix ha scritto:ma l'iframe non è un po troppo lungo di altezza?

E' vero, ho modificato, che l'immagine di sfondo inserita attraverso il css è di 300px x 300px.
avatar
Draken
Livello cinque
Livello cinque

Messaggi Messaggi : 428
Crediti Crediti : 2010
Reputazione Reputazione : 36
Data d'iscrizione Data d'iscrizione : 19.03.12
Età Età : 19

Visualizza il profilo

Torna in alto Andare in basso

Re: Conto alla rovescia per natale

Messaggio Da Admin il Gio Dic 13, 2012 5:40 pm

Draken, però se si tratta di CSS può anche ridurre l'immagine e anche se l'iframe è più piccolo di essa, non si attiva lo scrollbar Very Happy.

Saluti, l'admin Ciao!
avatar
Admin
♔ Amministratore

Messaggi Messaggi : 4348
Crediti Crediti : 12122
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 20
Località Località : Brescia

Visualizza il profilo http://wikiinfo.forumattivo.it

Torna in alto Andare in basso

Re: Conto alla rovescia per natale

Messaggio Da Rapinder il Gio Dic 13, 2012 9:16 pm

Ma e' tutto JavaScript!
Cosa centra l'HTML? Shocked
avatar
Rapinder
Sono un nuovo membro
Sono un nuovo membro

Messaggi Messaggi : 8
Crediti Crediti : 219
Reputazione Reputazione : 2
Data d'iscrizione Data d'iscrizione : 28.09.12

Visualizza il profilo

Torna in alto Andare in basso

Re: Conto alla rovescia per natale

Messaggio Da Admin il Ven Dic 14, 2012 2:49 pm

Perché è un iframe per cui è tutto javascript ma il codice da estrarre è un HTML e sta bene qui.

Saluti, l'admin Ciao!
avatar
Admin
♔ Amministratore

Messaggi Messaggi : 4348
Crediti Crediti : 12122
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 20
Località Località : Brescia

Visualizza il profilo http://wikiinfo.forumattivo.it

Torna in alto Andare in basso

Torna in alto


 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum