Calendari1,Lily of the valley

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

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

Credits&Friends

nome-immagine

nome-immagine

Iniziamo con uno script per un graziosissimo e poco ingombrante calendarietto,
personalizzabile nelle dimensioni e nei colori dei giorni della settimana e di festa!
Con questo calendario ho realizzato alcuni gadget che puoi prelevare
copiando il codice ed incollandolo dopo <body> nella tua pagina!
PS: Lo sfondo dei calendari è trasparente!


Grazie	<!-- Calendarietto Luna - Lily of The Valley --> <iframe name="Calendarietto Luna" src=" http://lilyofthevalley.altervista.org/Calendario/calendarietto_luna.html" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="150 " height="200 " allowtransparency="true"></iframe><br><br> <!--Calendarietto Luna- Lily of The Valley -->	<!-- Calendarietto Scoiattoli - Lily of The Valley --> <iframe name="Calendarietto Scoiattoli" src="http://lilyofthevalley.altervista.org/Calendario/calendarieto_scoiattolo.html " frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="150 " height="200 " allowtransparency="true"></iframe><br><br> <!-- Calendarietto Scoiattoli - Lily of The Valley -->	<!-- Calendarietto Apine - Lily of The Valley --> <iframe name="Calendarietto Apine" src=" http://lilyofthevalley.altervista.org/Calendario/calendarietto_apine.html" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="150 " height="200 " allowtransparency="true"></iframe><br><br> <!-- Calendarietto Apine - Lily of The Valley -->	<!-- Calendarietto Cagnolini - Lily of The Valley --> <iframe name="Calendarietto Cagnolini " src="http://lilyofthevalley.altervista.org/Calendario/calendarietto_cagnolini.html " frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="119 " height="177 " allowtransparency="true"></iframe><br><br> <!-- Calendarietto Cagnolini - Lily of The Valley -->

Questo è lo script ^__^ : <script type="text/javascript"> //The JavaScript Source http://javascript.internet.com /* Spiegato e commentato da http://www.iltelaiodipenelope.it/tutorial/index.php */ monthnames = new Array( "Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre"); var linkcount=0; function addlink(month, day, href) { var entry = new Array(3); entry[0] = month; entry[1] = day; entry[2] = href; this[linkcount++] = entry; } Array.prototype.addlink = addlink; linkdays = new Array(); monthdays = new Array(12); monthdays[0]=31; monthdays[1]=28; monthdays[2]=31; monthdays[3]=30; monthdays[4]=31; monthdays[5]=30; monthdays[6]=31; monthdays[7]=31; monthdays[8]=30; monthdays[9]=31; monthdays[10]=30; monthdays[11]=31; todayDate=new Date(); thisday=todayDate.getDay(); thismonth=todayDate.getMonth(); thisdate=todayDate.getDate(); thisyear=todayDate.getYear(); thisyear = thisyear % 100; thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear)); if (((thisyear % 4 == 0) && !(thisyear % 100 == 0)) \|\|(thisyear % 400 == 0)) monthdays[1]++; startspaces=thisdate; while (startspaces > 7) startspaces-=7; startspaces = thisday - startspaces + 1; if (startspaces < 0) startspaces+=7; document.write("<table style='border:1px dotted #554623; text-align:center; font-family:tahoma; font-size:10px; color:#554623; margin-left:auto; margin-right:auto;' cellpadding=2 cellspacing=2>"); //Parametri per la table contenitore document.write("<tr><td colspan='7'><strong>" + monthnames[thismonth] + " " + thisyear + "</strong></td></tr>");//Parametri cella mese e anno corrente document.write("<tr>"); document.write("<td><font color='#728215'>D</td>"); //Parametri per i giorni della settimana document.write("<td><font color='#dc7c7e'>L</td>"); document.write("<td><font color='#dc7c7e'>M</td>"); document.write("<td><font color='#dc7c7e'>M</td>"); document.write("<td><font color='#dc7c7e'>G</td>"); document.write("<td><font color='#dc7c7e'>V</td>"); document.write("<td><font color='#dc7c7e'>S</font></td>"); document.write("</tr>"); document.write("<tr>"); for (s=0;s<startspaces;s++) { document.write("<td>-</td>"); //Asterisco visibile nei giorni mancanti inizio calendario } count=1; while (count <= monthdays[thismonth]) { for (b = startspaces;b<7;b++) { linktrue=false; document.write("<td>"); //Celle giorni calendario for (c=0;c<linkdays.length;c++) { if (linkdays[c] != null) { if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) { document.write("<a href=\"" + linkdays[c][2] + "\">"); linktrue=true; } } } if (count==thisdate) { document.write("<font style='text-decoration: underline'><font color='#901e1e'>"); //Parametri per il giorno corrente } if (count <= monthdays[thismonth]) { document.write(count); } else { document.write(" "); } if (count==thisdate) { document.write("</font>"); } if (linktrue) document.write("</a>"); document.write("</td>"); count++; } document.write("</tr>"); document.write("<tr>"); startspaces=0; } document.write("</table>"); document.write("</font>"); </script>				Thanks!

Questo script invece,come puoi vedere, comprende un saluto
che cambia nel corso della giornata, l'ora, la data odierna e l'anno!


Lily of the Valley Trinketries	<!-- Data con saluto- Lily of The Valley --> <iframe name="Data con saluto" src="http://lilyofthevalley.altervista.org/Calendario/data_con_saluto_vasetti.html " frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="150 " height="300 " allowtransparency="true"></iframe><br><br> <!--Data con saluto - Lily of The Valley -->	<!-- Data con saluto- Lily of The Valley --> <iframe name="Data con saluto" src=" http://lilyofthevalley.altervista.org/Calendario/data_con_saluto_primavera.html" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="150 " height="300 " allowtransparency="true"></iframe><br><br> <!--Data con saluto - Lily of The Valley -->	<!-- Data con saluto- Lily of The Valley --> <iframe name="Data con saluto" src="http://lilyofthevalley.altervista.org/Calendario/data_con_saluto_bambina.html " frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="150 " height="300 " allowtransparency="true"></iframe><br><br> <!--Data con saluto - Lily of The Valley -->

	<!-- Data con saluto- Lily of The Valley --> <iframe name="Data con saluto" src=" http://lilyofthevalley.altervista.org/Calendario/data_con_saluto_albero.html" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="150 " height="300 " allowtransparency="true"></iframe><br><br> <!--Data con saluto - Lily of The Valley -->	<!-- Data con saluto- Lily of The Valley --> <iframe name="Data con saluto" src="http://lilyofthevalley.altervista.org/Calendario/data_con_saluto_farfalla.html " frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="150 " height="300 " allowtransparency="true"></iframe><br><br> <!--Data con saluto - Lily of The Valley -->	<!-- Data con saluto- Lily of The Valley --> <iframe name="Data con saluto" src="http://lilyofthevalley.altervista.org/Calendario/data_con_saluto_mucca.html " frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="150 " height="300 " allowtransparency="true"></iframe><br><br> <!--Data con saluto - Lily of The Valley -->	Lily of the Valley Pets

Questo è lo script ^__^ : <html> <head> <style type="text/css"> .datario { color:#000000; font-family:"Book Antiqua"; font-size:14px; font-weight:bold; text-align:center; } </style> <!--Script datario con saluto--> <span id="clock" class="datario"></span> <script type="text/javascript"> <!-- // Autore sconosciuto - Spiegato da http://www.iltelaiodipenelope.it/tutorial/index.php function AggOra() { var mesi = new Array("Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre", "Novembre","Dicembre"); var nomeGiorno = new Array('Domenica','Lunedi','Martedi','Mercoledi','Giovedi','Venerdi','Sabato'); Data = new Date() Giorno = Data.getDate() Mese = Data.getMonth() Anno = Data.getFullYear() Ore = Data.getHours() Minuti = Data.getMinutes() Secondi = Data.getSeconds() if ((Ore > 6) && (Ore < 13)) Saluto = "Buongiorno " if ((Ore > 12) && (Ore < 18)) Saluto = "Buon Pomeriggio " if ((Ore > 17) && (Ore < 22)) Saluto = "Buona sera " if (Ore > 21) Saluto = "Buona notte " if (Ore < 7) Saluto = "Ciao!" if (Minuti < 10) Minuti = "0" + Minuti if (Secondi < 10) Secondi = "0" + Secondi messaggio = Saluto + " Sono le " + Ore + " : " + Minuti + " : " + Secondi + " di " + nomeGiorno[Data.getDay()] + " " + Giorno + " " + mesi[Mese] + " " + Anno if(!document.layers){ aggsec = setTimeout("AggOra();",1000);} if (document.getElementById){ document.getElementById('clock').innerHTML=messaggio;} else if (document.all){ document.all.clock.innerHTML=messaggio;} else if(document.layers){ document.write(messaggio);} } AggOra(); //--> </script> <!--Fine 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>

Questo è un calendarietto giornaliero!
Poco ingombrante ma completo.
Fra tutti è quello che preferisco! ^__^


<!-- Data- Lily of The Valley --> <iframe name="Data " src="http://lilyofthevalley.altervista.org/Calendario/data_bee.html " frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="70 " height="150 " allowtransparency="true"></iframe><br> <!--Data - Lily of The Valley -->	<!-- Data - Lily of The Valley --> <iframe name="Data " src="http://lilyofthevalley.altervista.org/Calendario/data_fox.html " frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="70 " height="150 " allowtransparency="true"></iframe><br> <!--Data - Lily of The Valley -->	<!-- Data - Lily of The Valley --> <iframe name="Data con saluto" src=" http://lilyofthevalley.altervista.org/Calendario/data_heart.html" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="150 " height="300 " allowtransparency="true"></iframe><br> <!--Data - Lily of The Valley -->
	Se vuoi linkarmi qui trovi i miei banner!
<!-- Data - Lily of The Valley --> <iframe name="Data " src="http://lilyofthevalley.altervista.org/Calendario/data_farfalla.html" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="150 " height="300 " allowtransparency="true"></iframe><br> <!--Data - Lily of The Valley -->	Se vuoi linkarmi qui trovi i miei banner!	<!-- Data - Lily of The Valley --> <iframe name="Data " src="http://lilyofthevalley.altervista.org/Calendario/data_cocci.html " frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="150 " height="300 " allowtransparency="true"></iframe><br> <!--Data - Lily of The Valley -->

Questo è lo script ^__^ : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Giorno,Mese e Anno</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> <!-- Fase 1 ....Copia quanto segue ed inseriscilo in body esattamente dove vuoi che il datario venga visualizzato --> <script type="text/javascript" language="JavaScript"> <!-- /Script by: ??? This script and many more are available free online at The JavaScript Source!! http://javascript.internet.com / var Today=new Date(); var ThisDay=Today.getDay(); var ThisDate=Today.getDate(); var ThisMonth=Today.getMonth()+1; var ThisYear=Today.getFullYear(); function DayTxt (DayNumber) { var Day=new Array(); Day[0]="Domenica"; Day[1]="Lunedì"; Day[2]="Martedì"; Day[3]="Mercoledì"; Day[4]="Giovedì"; Day[5]="Venerdì"; Day[6]="Sabato"; return Day[DayNumber]; } var DayName=DayTxt(ThisDay); function MonthTxt (MonthNumber) { var Month=new Array(); Month[1]="Gennaio"; Month[2]="Febbraio"; Month[3]="Marzo"; Month[4]="Aprile"; Month[5]="Maggio"; Month[6]="Giugno"; Month[7]="Luglio"; Month[8]="Agosto"; Month[9]="Settembre"; Month[10]="Ottobre"; Month[11]="Novembre"; Month[12]="Dicembre"; return Month[MonthNumber]; } var MonthName=MonthTxt(ThisMonth); var d = new Date(); var h = d.getHours(); /* Agisci sui valori della riga qui sotto per variare l'aspetto del datario */ document.write("<TABLE BORDER=2 BORDERCOLOR=#b70000 BGCOLOR=WHITE WIDTH=65 HEIGHT=80 align=center>"+"<TD>"+"<p align=center>"+"<font size=-2>"+DayName+"<br>"+"<font color=#b70000 size=+2 >"+ThisDate+"</font>"+"<br>"+MonthName+"<br>"+ThisYear+"</b>"+"</font>"+"</p>"+"</TD>"+"</TR>"+"</TABLE>"); // --> </script> <!-- Fine fase 1.Non occorre fare altro --> <p> </p> <p> </p> <p align="center"><font face="Times New Roman, Times, serif" size="2"><b>Indichiamo con questo piccolo script la data sul nostro sito.<br> Il suo aspetto lo rende diverso dai tanti in circolazione ed e'<br> anche facilmente personalizzabile.</b></font></p> </body> </html>

Grazie per avermi fatto visita,torna presto a trovarmi!