Kalenders

Heel veel mooie kalenders voor op je website, hyves, blog of tagged

Op deze website staat ook een rubriek met aftellers een rubriek klokken en een rubriek Oud en Nieuw

Voor bovenstaande kalender knip en plak je de volgende code in je html pagina.
en download de volgende twee bestanden en zet die in dezelfde map ( rechtsklik + doel opslaan als... )

swfobject.js
kalender.swf

<script type="text/javascript" src="swfobject.js"></script>
<div id="kalender_vdw"></div>
<script type="text/javascript">
var vdw = new SWFObject("kalender.swf", "vdw", "207", "216", "9", "#FFFFFF");
vdw.addParam("wmode", "transparent");
vdw.addVariable("achtergrondKleur", "515F80");
vdw.addVariable("randKleur", "212E41");
vdw.addVariable("headerKleur", "657394");
vdw.addVariable("muisOverKleur", "657394");
vdw.addVariable("selectieKleur", "657394");
vdw.addVariable("vandaagKleur", "364469");
vdw.addVariable("tekstKleur", "FEE664");

vdw.addVariable("fontGrootte", "12");
vdw.addVariable("fontNaam", "arial");
vdw.addVariable("fontGewicht", "bold");

vdw.write("kalender_vdw");
</script>

Zet de volgende code in je body

<div align="center">
  <center>
  <table border="0">
    <tr>
      <td><script language = javascript>
var now = new Date();
var month_array = new Array("januari","februari","maart","april","mei","juni","juli","augustus","september","october","november","december");
document.write("<form name=date_list><table bgcolor=#CCFFCC><tr><td>");
document.write("<select name=month onchange=change_month(this.options.selectedIndex)>");
for(i=0;i<month_array.length;i++)
{
 if (now.getMonth() != i)
 {document.write ("<option value="+i+">"+month_array[i]);}
 else
 {document.write ("<option value="+i+" selected>"+month_array[i]);}

}
document.write("</select>");
document.write("</td><td>");
document.write ("<select name=year onchange=change_year(this.options[this.options.selectedIndex])>");
for(i=2000;i<2100;i++)
{
 if (now.getFullYear() != i)
 {document.write("<option value="+i+">"+i);}
 else
 {document.write("<option value="+i+" selected>"+i);}
}
document.write("</select></td></tr><tr><td colspan=2><center>");

document.write("<table bgcolor=white border=0 cellspacing = 0 cellpading = 0 width=100% ><tr bgcolor=#FFFFFF align=center>");
document.write("<td><font color=silver>M</font></td><td><font color=silver>D</td><td><font color=silver>W</td><td><font color=silver>D</td><td><font color=silver>V</td><td ><font color=silver>Z</td><td ><font color=silver>Z</td>");
document.write("</tr><tr>");
for(j=0;j<6;j++)
{
 for(i=0;i<7;i++)
 {
   document.write("<td align=center><div id=d"+i+"r"+j+"></div></td>")
 }
 document.write("</tr>");
}

document.write("</table>");

document.write("</center></from></td></tr></table>");

var show_date = new Date();

function set_cal(show_date)
{
begin_day = new Date (show_date.getFullYear(),show_date.getMonth());
begin_day_date = begin_day.getDay();
end_day = new Date (show_date.getFullYear(),show_date.getMonth()+1);
count_day = (end_day - begin_day)/1000/60/60/24;
if (begin_day.getMonth() == 2) count_day = 31;
else
if (begin_day.getMonth() == 9) count_day = 31;
input_table(begin_day_date,count_day);
}
set_cal(show_date);

function change_month(sel_month)
{
show_date = new Date(show_date.getFullYear(),sel_month,1);
set_cal(show_date);
}

function change_year(sel_year)
{
sel_year = sel_year.value;
show_date = new Date(sel_year,show_date.getMonth(),1);
set_cal(show_date);
}

</script>

</td>
    </tr>
  </table>
  </center>
</div>

Zo	Ma	Di	Wo	Do	Vr	Za

Zet de volgende code in head.

<SCRIPT language=JavaScript>

</SCRIPT>

en de volgende code in body

<div align="center">
  <center>
<TABLE bgColor=#000000 border=1 bordercolor="#CCCCFF">
  <TBODY>
  <TR>
    <TD align=center>
      <div align="center">
        <center>
      <TABLE border=1 cellSpacing=0 cellpadding="0">
        <FORM name=calform>
        <TBODY>
        <TR>
          <TD align=middle bgColor=#CCFFCC><INPUT onclick=IncDecYear(-1) type=button value="<<"></TD>
          <TH align=middle bgcolor=#CCFFCC colSpan=5><INPUT size=4 
          value=1993></TH>
          <TD align=middle bgColor=#CCFFCC><INPUT onclick=IncDecYear(1) type=button value=">>"></TD></TR>
        <TR>
          <TD align=middle bgColor=#CCFFCC><INPUT onclick=IncDecMonth(-1) type=button value="<<"></TD>
          <TH align=middle bgcolor=#CCFFCC colSpan=5><INPUT size=9 
            value=" January "></TH>
          <TD align=middle bgColor=#CCFFCC><INPUT onclick=IncDecMonth(1) type=button value=">>"></TD></TR>
        <TR>
          <TH bgColor=#CCCCFF align="center"><font color="#000000">Zo</font> 
          <TH bgColor=#ccccff align="center"><font color="#000000">Ma</font> 
          <TH bgColor=#ccccff align="center"><font color="#000000">Di</font> 
          <TH bgColor=#ccccff align="center"><font color="#000000">Wo</font> 
          <TH bgColor=#ccccff align="center"><font color="#000000">Do</font> 
          <TH bgColor=#ccccff align="center"><font color="#000000">Vr</font> 
          <TH bgColor=#ccccff align="center"><font color="#000000">Za</font></TR> 
        <TR>
          <TD bgColor=#ffcccc>
            <p align="center"><INPUT size=2></p>
          </TD>
          <TD bgColor=#ccccff>
            <p align="center"><INPUT size=2></p>
          </TD>
          <TD bgColor=#ccccff align="center">
            <p align="center"><INPUT size=2></p>
          </TD>
          <TD bgColor=#ccccff align="center">
            <p align="center"><INPUT size=2></p>
          </TD>
          <TD bgColor=#ccccff align="center">
            <p align="center"><INPUT size=2></p>
          </TD>
          <TD bgColor=#ccccff align="center">
            <p align="center"><INPUT size=2></p>
          </TD>
          <TD bgColor=#ccccff align="center">
            <p align="center"><INPUT size=2></p>
          </TD></TR>
        <TR>
          <TD bgColor=#ffcccc>
            <p align="center"><INPUT size=2></p>
          </TD>
          <TD bgColor=#ccccff>
            <p align="center"><INPUT size=2></p>
          </TD>
          <TD bgColor=#ccccff align="center">
            <p align="center"><INPUT size=2></p>
          </TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD></TR>
        <TR>
          <TD bgColor=#ffcccc>
            <p align="center"><INPUT size=2></p>
          </TD>
          <TD bgColor=#ccccff><INPUT size=2></TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD></TR>
        <TR>
          <TD bgColor=#ffcccc align="center">
            <p align="center"><INPUT size=2></p>
          </TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD></TR>
        <TR>
          <TD bgColor=#ffcccc align="center">
            <p align="center"><INPUT size=2></p>
          </TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD>
          <TD bgColor=#ccccff align="center"><INPUT size=2></TD></TR>
        <TR>
          <TD bgColor=#ffcccc>
            <p align="center"><INPUT size=2></p>
          </TD>
          <TD bgColor=#ccccff>
            <p align="center"><INPUT size=2></p>
          </TD>
          <TD bgColor=#aaaaaa 
  colSpan=5><INPUT></TD></TR></FORM></TBODY></TABLE></center>
      </div>
    </TD></TR></TBODY></TABLE>
  </center>
</div>
<SCRIPT language=JavaScript>
<!--

myDate = new Date();
	var Month = parseInt(myDate.getMonth());
	document.calform.elements[1].value = myDate.getYear();
	document.calform.elements[4].value = PadSpaces(Months[Month]);
	document.calform.elements[43].value = "Vandaag: " +
		myDate.getDate() + " " + Months[Month].substring(0,3)
		 + ", " + (myDate.getYear());
	FillCalendar();
// -->
</SCRIPT>

clock4blog.eu

<a href="http://www.clock4blog.eu">calendar widget for blog</a>

http://pulsmail.com/

Je hebt veel meer kalenders voor je website, blog, hyve of tagged, maar vaak moet je eerst, vaak gratis, je registreren.
Om op meerdere sites te registreren heeft Plaatjes.US geen animo, dat moeten jullie dus zelf doen.

Google op 'free calendar for website' en je vindt er meerdere, vaak gratis en vaak krijg je dan nog meer tools.

Ook heb je kalenders online als je zelf even wilt kijken of als je jouw bezoekers die mogelijkheid wilt bieden.

Overzichtelijke online kalender met weeknummers en mogelijkheid tot vooruit en achteruit bladeren.
Online kalender met weeknummers

Een ander online kalender met een overzicht van het hele jaar met feestdagen.
kalender 365.nl

Dan is er nog de mogelijkheid een plaatjes met de kalender op je website te zetten.
Scan er eentje of zoek er eentje op internet.

Op deze website staat ook een rubriek met aftellers een rubriek klokken en een rubriek Oud en Nieuw

Deze pagina is onderdeel van
Plaatjes.US