*MENU'

• Chi sono
• Calendari/Orologi
• Grafica
• Pagine a tema
• Mercatino
• ZuccheroFilato

*Incontri

• Banner
• Siti amici
• Affiliati
• PLUGBOARD
• GuestBook

*Tutorial

• Tutorial Calendari
• Tutorial datari

*Scrapbooking

• Tutorial Scrap
• Materiale free
• links utili

Questo è uno script per calendarietti perpetui con orlogino.

Questo è lo script per l'orologino, da inserire nel Body
<SCRIPT language=Javascript> <!-- function horloge(){ today = new Date(); heure = today.getHours(); minute = today.getMinutes(); seconde = today.getSeconds(); if (heure < 10){ heure = "0"+heure} if (minute < 10){ minute = "0"+minute} if (seconde < 10){ seconde = "0"+seconde} temps.innerHTML = heure+':'+minute+':'+seconde; window.setTimeout("horloge();", 100)} window.onload = horloge; //--> </SCRIPT>

Questo è il codice dell'orologino, da inserire nel Body
<DIV id=temps></DIV>

Questo è il codice del calendarietto, da inserire nel Body
<SCRIPT LANGUAGE=JavaScript> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!--//Begin 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("<FONT face='tahoma'>");<!--Font Face--> document.write("<table border=0 " );<!--Border size--> document.write("bordercolor=#000000 style='font-size : 10px; color : #CC6699;' cellpadding=0 cellspacing=1>");<!--Border color, font size, cell padding, cellspacing and font color--> document.write("<tr><td colspan=7><center><strong>" + monthnames[thismonth] + " " + thisyear + "</strong></center></td></tr>"); document.write("<tr>"); document.write("<td align=center><font color=red>D</td>");<!--The color here and below are for each week day--> document.write("<td align=center><font color=red>L</td>"); document.write("<td align=center><font color=red>M</td>"); document.write("<td align=center><font color=red>M</td>"); document.write("<td align=center><font color=red>G</td>"); document.write("<td align=center><font color=red>V</td>"); document.write("<td align=center><font color=red>S</font></td>");<!--Last color chage here--> document.write("</tr>"); document.write("<tr>"); for (s=0;s<startspaces;s++) { document.write("<td>-</td>"); } count=1; while (count <= monthdays[thismonth]) { for (b = startspaces;b<7;b++) { linktrue=false; document.write("<td>"); 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 color='red'>");<!--todays date color--> } 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>

Nella tua pagina html, nel Body, fai una tabella semplice così:
<table> <tr> <td></td> </tr><tr> <td></td> </tr><tr> <td></td> </tr> </table>
Nella prima tabella inserisci il codice del datario ( o dell'orologino),
nella seconda l'immagine
e nella terza il codice dell'orologino (o del datario).


Potete scegliere uno sfondo per le celle e i font.

se vuoi un link al tuo sito o blog inserisci questo codice prima dell'immagine, così:
<a target="_blank" href="tuo sito.com"> <img src="immagine" border="0"></a>

Da notare che puoi variare:
1) i valori dello style nel BODY
3)DEVI cambiare il nome dell'immagine e inserire quello usato da te
4)salvare la pagina HTML
5)caricarla in un tuo spazio hosting, ce ne sono a pagamento (Aruba per esempio) e free (come Altervista)
6) ora ci vuole un codice per poter trasferire il lavoro sul tuo blog o sito:
prendiamo come esempio il calendarietto qui sotto il suo codice è:

<iframe allowtransparency="true" src="http://www.mrenata.com/perfata.htm" name="perfata" SCROLLING="no" marginwidth="0" margineight="0" hspace="0" vspace="0" frameborder="0" width="176" height="290"></iframe>

*Cerca nel sito*