Benvenuto nel mondo di Lily of the valley!

..................................................................................................................................

..................................................................................................................................

Ciao! In questa sezione troverai vari tipi di contatori che ti possono servire per rendere più complete le tue pagine Web.
Cosa intendo per contatori? Intendo Timer, Contavisite, Countdown , Aggiornamento pagina e Contatempo !    ^__^
Inserirò qualche esempio per farti vedere come puoi personalizzare questi utilissimi accessori per renderli più
piacevoli ed adattarli al tuo contesto. Per i Timer riporterò due script,uno segna i minuti ed i secondi di
permanenza in una pagina,l'altro più completo con i minuti,secondi e millisecondi.Per quanto riguarda il Contatempo
ed il Contavisite riporterò solo gli script dato che di esempi con diversi sfondi e gif ne trovi in tutte le mie pagine.
Non mi resta quindi che augurarti un Buon lavoro e Buon divertimento!

ೡ Inizo con i timer!


<!-- Timer- Lily of The Valley --> <iframe name="Timer" src="http://lilyofthevalley.altervista.org/Timer/timer_fiori_verde.html " frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="90 " height="60 " allowtransparency="true"></iframe><br><br> <!-- Timer- Lily of The Valley -->	<!-- Timer- Lily of The Valley --> <iframe name="Timer" src="http://lilyofthevalley.altervista.org/Timer/timer_fiori_blu.html " frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="90 " height="60 " allowtransparency="true"></iframe><br><br> <!-- Timer- Lily of The Valley -->	<!-- Timer- Lily of The Valley --> <iframe name="Timer" src="http://lilyofthevalley.altervista.org/Timer/timer_fiori.html " frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="90 " height="60 " allowtransparency="true"></iframe><br><br> <!-- Timer- Lily of The Valley -->	<!-- Timer- Lily of The Valley --> <iframe name="Timer" src="http://lilyofthevalley.altervista.org/Timer/timer_fiori_giallino.html " frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="90 " height="60 " allowtransparency="true"></iframe><br><br> <!-- Timer- Lily of The Valley -->
Questo lo script per il Timer con minuti,secondi e millisecondi! Come negli esempi sopra ^__^ <html><head></head> <body><!-- BEGIN AV_TOOLBAR --><div id="av_toolbar_regdiv" style="display:none"><div class="av_site"><a target="_blank" href="https://it.altervista.org/crea-sito-gratis.php?utm_campaign=toolbar&utm_source=link&utm_medium=link" title="Apri un sito gratis con Wordpress">Crea sito</a></div></div><style>@media screen and (min-width:768px){body.av-toolbar-ready{position:relative;top:40px}:where(body.av-toolbar-ready){display:flow-root}}</style><script>self.av_toolbar_off\|\|self!==top&&"XYZZY2"!==self.name&&!self.av_toolbar_force\|\|(document.body.classList.add("av-toolbar-ready"),document.head.appendChild(document.createElement("script")).src="https://tb.altervista.org/js/s.js")</script><!-- END AV_TOOLBAR --> <div id="showtm" style="font-size:16px;font-weight:600;">0: 0 </div> <script type="text/javascript"><!-- // chronometer / stopwatch JS script - coursesweb.net // Here set the minutes, seconds, and tenths-of-second when you want the chronometer to stop // If all these values are set to 0, the chronometer not stop automatically var stmints = 0; var stseconds = 0; var stzecsec = 0; // function to be executed when the chronometer stops function toAutoStop() { alert('Your life goes on'); } // the initial tenths-of-second, seconds, and minutes var zecsec = 0; var seconds = 0; var mints = 0; var startchron = 0; function chronometer() { if(startchron == 1) { zecsec += 1; // set tenths of a second // set seconds if(zecsec > 9) { zecsec = 0; seconds += 1; } // set minutes if(seconds > 59) { seconds = 0; mints += 1; } // adds data in #showtm document.getElementById('showtm').innerHTML = mints+ ' : '+ seconds+ '<sub>'+ zecsec+ '</sub>'; // if the chronometer reaches to the values for stop, calls whenChrStop(), else, auto-calls chronometer() if(zecsec == stzecsec && seconds == stseconds && mints == stmints) toAutoStop(); else setTimeout("chronometer()", 100); } } function startChr() { startchron = 1; chronometer(); } // starts the chronometer function stopChr() { startchron = 0; } // stops the chronometer function resetChr() { zecsec = 0; seconds = 0; mints = 0; startchron = 0; document.getElementById('showtm').innerHTML = mints+ ' : '+ seconds+ '<sub>'+ zecsec+ '</sub>'; } // start the chronometer, delete this line if you want to not automatically start the stopwatch startChr(); --></script> </body>
Questo lo script per il Timer più semplice con minuti e secondi ! Non ho riportato esempi! =^_^= <html> <head> <!--Fase --> <script type="text/jscript" language="JavaScript"> <!-- // Script Editor: Howard Chen // Browser Compatible for the script: IE 2.0 or Higher // Netscape 2.0 or Higher // This script is free as long as you keep its credits var entered = new Date() function track() { var now = new Date() var seconds = Math.floor((now.getTime() - entered.getTime()) / 1000) var minutes = Math.floor(seconds /60) var second = seconds % 60 var minute = minutes % 60 document.time.timer.value = minutes + ":" + seconds var timeID= setTimeout("track()",1000) } //--> </script> <!-- Fine fase 1 --> <link rel=stylesheet href="immagini/stiles.css" type="text/css"> <script language="JavaScript" type="text/javascript" src="immagini/strumenti.js"></script> <script language="JavaScript" type="text/javascript" src="immagini/strumenti1.js"></script> </head><body onLoad="track()"><!-- BEGIN AV_TOOLBAR --><div id="av_toolbar_regdiv" style="display:none"><div class="av_site"><a target="_blank" href="https://it.altervista.org/crea-sito-gratis.php?utm_campaign=toolbar&utm_source=link&utm_medium=link" title="Apri un sito gratis con Wordpress">Crea sito</a></div></div><style>@media screen and (min-width:768px){body.av-toolbar-ready{position:relative;top:40px}:where(body.av-toolbar-ready){display:flow-root}}</style><script>self.av_toolbar_off\|\|self!==top&&"XYZZY2"!==self.name&&!self.av_toolbar_force\|\|(document.body.classList.add("av-toolbar-ready"),document.head.appendChild(document.createElement("script")).src="https://tb.altervista.org/js/s.js")</script><!-- END AV_TOOLBAR --> <form action=" " NAME="time"> <small> <input TYPE="text" NAME="timer" SIZE="5" VALUE="0:00"> <br></small> </form> </body>

Un votino!
Grazie

ೡ Script per il Contavisite!

Semplicissimo,devi solo inserire l'indirizzo del tuo sito! ^__^


<html><head> Visite ricevute: <script type="text/javascript" src="http://fastwebcounter.com/secure.php?s=http://TUO URL"></script><br><br> Utenti online <script type="text/javascript" src="http://fastonlineusers.com/online.php?d=http://UO URL"></script> </head> <body><!-- BEGIN AV_TOOLBAR --><div id="av_toolbar_regdiv" style="display:none"><div class="av_site"><a target="_blank" href="https://it.altervista.org/crea-sito-gratis.php?utm_campaign=toolbar&utm_source=link&utm_medium=link" title="Apri un sito gratis con Wordpress">Crea sito</a></div></div><style>@media screen and (min-width:768px){body.av-toolbar-ready{position:relative;top:40px}:where(body.av-toolbar-ready){display:flow-root}}</style><script>self.av_toolbar_off\|\|self!==top&&"XYZZY2"!==self.name&&!self.av_toolbar_force\|\|(document.body.classList.add("av-toolbar-ready"),document.head.appendChild(document.createElement("script")).src="https://tb.altervista.org/js/s.js")</script><!-- END AV_TOOLBAR --></body> </html>

Pillole:

Se anche tu vuoi ottenere un'effetto di rotazione come i div che vedi ai lati
della mia pagina,devi usare i CSS e più precisamente,l'effetto rotate_right
o rotate_left! Per i codici ti rimando a questo indirizzo:

Un votino!
Grazie

ೡ Script per il Contatempo!

Per sapere da quanto tempo è online il tuo Sito ^__^ !


<html><head> <!-- Fase 1.Copia quanto segue ed inseriscilo tra <head> e </head> --> <script type="text/javascript" language="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> function HowLongSince( startdate, startmonth, startyear) { sdate=startdate; smonth=startmonth-1; syear=startyear; var DaysInMonth = new Array(31,28,31,30,31,30,31,31,30,31,30,31); today = new Date() var thisyear = today.getFullYear(); var thismonth = today.getMonth(); var thisdate = today.getDate(); mstart = new Date(syear,(smonth==12?1:smonth+1),1); days1 = (mstart - new Date(syear,smonth,sdate))/(2460601000)-1; mend = new Date(thisyear,thismonth,1); days2 = (new Date(thisyear,thismonth,thisdate) - mend)/(2460601000)+1; dayst = days1 + days2; if (dayst >= DaysInMonth[smonth]) { AddOneMonth = 1; dayst -= DaysInMonth[smonth]; } else AddOneMonth = 0; ydiff1 = thisyear-mstart.getFullYear(); mdiff1 = thismonth-mstart.getMonth()+AddOneMonth; if (mdiff1 >11) { mdiff1=0; ydiff1++; } if (mdiff1 < 0) { mdiff1 = mdiff1 + 12; ydiff1--; } temp = (ydiff1==0?"":(ydiff1==1?ydiff1+" anno e ":ydiff1 + " anni , ")); temp += (mdiff1==0?"0 mesi, e ":(mdiff1==1?mdiff1+" mesi, e ":mdiff1+" mesi e ")); giorni = Math.round(dayst); temp += (dayst==0?"0 giorni.":(dayst==1 ? " 1 giorno." : giorni + " giorni." )); return temp; } </script> <!-- Fine fase 1 --> <link rel=stylesheet href="immagini/stiles.css" type="text/css"> <script language="JavaScript" type="text/javascript" src="immagini/strumenti.js"></script> <script language="JavaScript" type="text/javascript" src="immagini/strumenti1.js"></script> </head> <body><!-- BEGIN AV_TOOLBAR --><div id="av_toolbar_regdiv" style="display:none"><div class="av_site"><a target="_blank" href="https://it.altervista.org/crea-sito-gratis.php?utm_campaign=toolbar&utm_source=link&utm_medium=link" title="Apri un sito gratis con Wordpress">Crea sito</a></div></div><style>@media screen and (min-width:768px){body.av-toolbar-ready{position:relative;top:40px}:where(body.av-toolbar-ready){display:flow-root}}</style><script>self.av_toolbar_off\|\|self!==top&&"XYZZY2"!==self.name&&!self.av_toolbar_force\|\|(document.body.classList.add("av-toolbar-ready"),document.head.appendChild(document.createElement("script")).src="https://tb.altervista.org/js/s.js")</script><!-- END AV_TOOLBAR --> <script type="text/javascript" language="JavaScript"> document.write("<span style=' font:italic 16px Georgia; color:#AE5700;'>"); /* colore scritta / document.write("On Line da... "); document.write(HowLongSince(11,03,2014)); / qui la data di creazione,ossia quella di partenza ...giorno-mese-anno....*/ document.write("</span>"); </script> </body> </html>

ೡ Script Aggiornamento pagina!

Per far saper ai visitatori la data dell'ultima
modifica del tuo Sito ^__^ !


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Aggiornato il</title> <link rel=stylesheet href="immagini/stiles.css" type="text/css"> <script language="JavaScript" type="text/javascript" src="immagini/strumenti.js"></script> <script language="JavaScript" type="text/javascript" src="immagini/strumenti1.js"></script> </head> <body bgcolor="#f9f3d9"><!-- BEGIN AV_TOOLBAR --><div id="av_toolbar_regdiv" style="display:none"><div class="av_site"><a target="_blank" href="https://it.altervista.org/crea-sito-gratis.php?utm_campaign=toolbar&utm_source=link&utm_medium=link" title="Apri un sito gratis con Wordpress">Crea sito</a></div></div><style>@media screen and (min-width:768px){body.av-toolbar-ready{position:relative;top:40px}:where(body.av-toolbar-ready){display:flow-root}}</style><script>self.av_toolbar_off\|\|self!==top&&"XYZZY2"!==self.name&&!self.av_toolbar_force\|\|(document.body.classList.add("av-toolbar-ready"),document.head.appendChild(document.createElement("script")).src="https://tb.altervista.org/js/s.js")</script><!-- END AV_TOOLBAR --> <p> </p> <p> </p> <div align="center"> <!-- Fase 1.Copia quanto segue ed inseriscilo tra <body><!-- BEGIN AV_TOOLBAR --><div id="av_toolbar_regdiv" style="display:none"><div class="av_site"><a target="_blank" href="https://it.altervista.org/crea-sito-gratis.php?utm_campaign=toolbar&utm_source=link&utm_medium=link" title="Apri un sito gratis con Wordpress">Crea sito</a></div></div><style>@media screen and (min-width:768px){body.av-toolbar-ready{position:relative;top:40px}:where(body.av-toolbar-ready){display:flow-root}}</style><script>self.av_toolbar_off\|\|self!==top&&"XYZZY2"!==self.name&&!self.av_toolbar_force\|\|(document.body.classList.add("av-toolbar-ready"),document.head.appendChild(document.createElement("script")).src="https://tb.altervista.org/js/s.js")</script><!-- END AV_TOOLBAR --> e <body><!-- BEGIN AV_TOOLBAR --><div id="av_toolbar_regdiv" style="display:none"><div class="av_site"><a target="_blank" href="https://it.altervista.org/crea-sito-gratis.php?utm_campaign=toolbar&utm_source=link&utm_medium=link" title="Apri un sito gratis con Wordpress">Crea sito</a></div></div><style>@media screen and (min-width:768px){body.av-toolbar-ready{position:relative;top:40px}:where(body.av-toolbar-ready){display:flow-root}}</style><script>self.av_toolbar_off\|\|self!==top&&"XYZZY2"!==self.name&&!self.av_toolbar_force\|\|(document.body.classList.add("av-toolbar-ready"),document.head.appendChild(document.createElement("script")).src="https://tb.altervista.org/js/s.js")</script><!-- END AV_TOOLBAR --> --> <font size="2" color="#800000">Ultimo aggiornamento </font><br> <script type="text/javascript"> <!--//hide document.write(document.lastModified); //end hide--> </script> <!--Fine fase 1.Non occorre fare altro --> </div> <p> </p> </body> </html>

ೡ Script per il Countdown!

Anche in questo caso riportero solo degli esempi ^__^
A te la personalizzazione!



<html><head> <!--Countdown--> <script language="JavaScript" type="text/javascript"> /* Script originale: http://www.chalcedony.com / / Elaborazione: Danny Design http://www.dannydesign.it / now = new Date thisYr = now.getYear() if (thisYr < 1900) { thisYr = thisYr+1900 } nextYr = thisYr+1 ricorrenza = new Date(thisYr,3,21) //Settare mese e Giorno qui// if (ricorrenza.getTime() < now.getTime()) { ricorrenza.setYear(nextYr) } function dayToDays(inTime){ return (Math.floor(inTime.getTime() /(1000 60 * 60 * 24))) } function daysTill(inDate) { return dayToDays(inDate) - dayToDays(now) } </script> <!--Fine Countdown--> </head> <body><!-- BEGIN AV_TOOLBAR --><div id="av_toolbar_regdiv" style="display:none"><div class="av_site"><a target="_blank" href="https://it.altervista.org/crea-sito-gratis.php?utm_campaign=toolbar&utm_source=link&utm_medium=link" title="Apri un sito gratis con Wordpress">Crea sito</a></div></div><style>@media screen and (min-width:768px){body.av-toolbar-ready{position:relative;top:40px}:where(body.av-toolbar-ready){display:flow-root}}</style><script>self.av_toolbar_off\|\|self!==top&&"XYZZY2"!==self.name&&!self.av_toolbar_force\|\|(document.body.classList.add("av-toolbar-ready"),document.head.appendChild(document.createElement("script")).src="https://tb.altervista.org/js/s.js")</script><!-- END AV_TOOLBAR --> <script language="JavaScript" type="text/javascript"> document.write("Mancano " + daysTill(ricorrenza) + " giorni a Pasqua!")</script> </body></html>

Grazie della visita....torna presto a trovarmi...


Back	Top