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
Pubblicità Adsense
Answers
Se necessiti di aiuto, clicca il pulsante "Cerco Aiuto" (disponibile anche per i non iscritti).
I postatori più attivi del mese
Admin
 
AR_1029
 
Bix
 

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à : 18

Vedi il profilo dell'utente

Tornare 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 : 4264
Crediti Crediti : 11892
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 19
Località Località : Brescia

Vedi il profilo dell'utente http://www.wikiinfo.net

Tornare 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à : 18
Località Località : Brescia

Vedi il profilo dell'utente

Tornare 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à : 18

Vedi il profilo dell'utente

Tornare 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à : 28
Località Località : Milano

Vedi il profilo dell'utente

Tornare 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à : 18

Vedi il profilo dell'utente

Tornare 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 : 4264
Crediti Crediti : 11892
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 19
Località Località : Brescia

Vedi il profilo dell'utente http://www.wikiinfo.net

Tornare 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

Vedi il profilo dell'utente

Tornare 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 : 4264
Crediti Crediti : 11892
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 19
Località Località : Brescia

Vedi il profilo dell'utente http://www.wikiinfo.net

Tornare in alto Andare in basso

Tornare in alto


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