Site aka DD для девчонок-подростков и их старших сестёр :: Как самой сделать календарик на сайт

Сделай календарик без ссылок на чужие сайты. У тебя получится!

Сначала создадим страничку kalend.html и полностью скопируем туда код из таблицы, которая в самом низу.
Потом откроем страничку, на которой хотим поставить календарик, и вставим в нужном месте BODY:

В скрипте я оставила маленькие подсказки: где можно поменять фоновую картинку, рамку, цвет шрифта и т.п.
В этом примере картинка размером 160 на 160.
Если ты захочешь поставить картинку другого размера - исправь везде, где увидишь 160.
Ну и конечно, ты можешь не ставить фоновую картинку, а просто оставить красивый цвет)

Рамка растягивается нормально - можно ставить любую из этих и просто изменить размер:

<HTML><HEAD><META http-equiv=Content-Type content="text/html; charset=windows-1251"></HEAD>
<BODY bgColor=#DFECEE leftMargin=0 topMargin=0 marginheight="0">
<center>
<TABLE cellSpacing=0 cellPadding=2 width=160 height=160 background="http://diano4ka.ru/52.gif">
<TR>
<TD vAlign=center align=middle width="100%">
<DIV WIDTH: 100%" align=center>
<SCRIPT language=JavaScript>



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='verdana'>");
document.write("<table border=0 " );
document.write("style='font-size : 11px; color : #FFFFFF; font-weight: bold; ???•???:???:???A??' cellpadding=1 cellspacing=2>");
document.write("<tr><td align=center colspan=7><center>" 
+ monthnames[thismonth] + " " + thisyear 
+ "</center></td></tr>");
document.write("<tr>");
document.write("<td align=center><font color=#FF6699>Вс</td>");
document.write("<td align=center><font color=#FF6699>Пн</td>");
document.write("<td align=center><font color=#FF6699>Вт</td>");
document.write("<td align=center><font color=#FF6699>Ср</td>");
document.write("<td align=center><font color=#FF6699>Чт</td>");
document.write("<td align=center><font color=#FF6699>Пт</td>");
document.write("<td align=center><font color=#FF6699>Сб</td>");
document.write("</tr>");
document.write("<tr>");

for (s=0;s<startspaces;s++) {
document.write("<td align=center>-</td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td align=center>");
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("<span style='background-color: #DFECEE;border: 1px solid #FF6699'><font color='#FF6699'>");
}
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>
</DIV></TD></TR>
<TR>
<TD vAlign=center align=middle width="100%">
<DIV align=center>
<CENTER>
<TABLE style="BORDER-RIGHT: #FF6699 1px solid; BORDER-TOP: #FF6699 1px solid; BORDER-LEFT: #FF6699 1px solid; BORDER-BOTTOM: #FF6699 1px solid" cellSpacing=0 cellPadding=0 bgColor=#FFFFFF border=0>
<TR>
<TD width="100%"><FONT face=Verdana size=1><STRONG>
<SCRIPT>
document.write("<FONT color='#FF6699' face='verdana' style='font-size : 11px;'>");
var clockid=new Array()
var clockidoutside=new Array()
var i_clock=-1
var thistime= new Date()
var hours=thistime.getHours()
var minutes=thistime.getMinutes()
var seconds=thistime.getSeconds()
if (eval(hours) <10) {hours="0"+hours}
if (eval(minutes) < 10) {minutes="0"+minutes}
if (seconds < 10) {seconds="0"+seconds}
var thistime = hours+":"+minutes+":"+seconds
	
function writeclock() {
	i_clock++
	if (document.all || document.getElementById || document.layers) {
		clockid[i_clock]="clock"+i_clock
		document.write("<span id='"+clockid[i_clock]+"' style='position:relative'>"+thistime+"</span>")
	}
}