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
» Recensione Umidigi A3 Pro - Smartphone sotto i 100€
Da Admin Gio Apr 04, 2019 12:22 pm

» [Arduino] aiuto programma
Da Glak Mar Mar 12, 2019 9:30 am

» ERRORE NELLA COMPILAZIONE NEXTION
Da papat Mar Feb 26, 2019 7:11 am

» Comandare la Smart TV con Alexa senza broadlink (gratis)
Da Admin Mar Feb 19, 2019 4:31 pm

» Google Home diventa un traduttore simultaneo
Da Admin Mar Feb 19, 2019 4:27 pm

» Recensione Xiaomi Redmi 5 - Edizione 2019
Da Admin Mar Feb 19, 2019 4:24 pm

» Guadagnare lavorando per Google Street View
Da Admin Mar Feb 19, 2019 4:20 pm

» UMIDIGI F1 - Specifiche tecniche
Da Admin Mar Feb 19, 2019 4:14 pm

» display oled 168x64
Da fulvio Dom Feb 10, 2019 9:47 am

I postatori più attivi del mese

Conto alla rovescia per natale

Andare in basso

Conto alla rovescia per natale Empty 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
Draken
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à : 20

Visualizza il profilo

Torna in alto Andare in basso

Conto alla rovescia per natale Empty 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.
Admin
Admin
♔ Amministratore

Messaggi Messaggi : 4364
Crediti Crediti : 12158
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 20
Località Località : Brescia

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

Torna in alto Andare in basso

Conto alla rovescia per natale Empty Re: Conto alla rovescia per natale

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

*.* bellissimo *.*
Luigi
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

Conto alla rovescia per natale Empty Re: Conto alla rovescia per natale

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

Grazie
Draken
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à : 20

Visualizza il profilo

Torna in alto Andare in basso

Conto alla rovescia per natale Empty 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?


Conto alla rovescia per natale Coolt198
Bix
Bix
♔ Amministratore

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

Visualizza il profilo

Torna in alto Andare in basso

Conto alla rovescia per natale Empty 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.
Draken
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à : 20

Visualizza il profilo

Torna in alto Andare in basso

Conto alla rovescia per natale Empty 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!
Admin
Admin
♔ Amministratore

Messaggi Messaggi : 4364
Crediti Crediti : 12158
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 20
Località Località : Brescia

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

Torna in alto Andare in basso

Conto alla rovescia per natale Empty 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
Rapinder
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

Conto alla rovescia per natale Empty 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!
Admin
Admin
♔ Amministratore

Messaggi Messaggi : 4364
Crediti Crediti : 12158
Reputazione Reputazione : 187
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 20
Località Località : Brescia

Visualizza il profilo https://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