Форум » HTML » Как сделать календарики для форума. » Ответить
Как сделать календарики для форума.
Chiro: Первым делом решаем что за картинка будет изображена на календарике) Открываем блокнот и вставляем туда этот код (он спрятан)), изменяем что надо на свое а потом сохраняем с именем, например, kalendar1.html: [more]<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=ваша ширина height=ваша высота background="ваша фоновая картинка"> <TR> <TD vAlign=center align=middle width="100%"> <DIV WIDTH: 100%" align=center> <SCRIPT language=JavaScript> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!--//Begin monthnames = new Array( "Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"); 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='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: #цвет рамки часиков(правая сторона) 1px solid; BORDER-TOP: #цвет рамки часиков (вверх) 1px - ширина полоски рамки solid; BORDER-LEFT: #цвет рамки часиков (левая сторона) 1px solid; BORDER-BOTTOM: #цвет рамки часиков, вверх 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>") } } function clockon() { thistime= new Date() hours=thistime.getHours() minutes=thistime.getMinutes() seconds=thistime.getSeconds() if (eval(hours) <10) {hours="0"+hours} if (eval(minutes) < 10) {minutes="0"+minutes} if (seconds < 10) {seconds="0"+seconds} thistime = hours+":"+minutes+":"+seconds if (document.all) { for (i=0;i<=clockid.length-1;i++) { var thisclock=eval(clockid) thisclock.innerHTML=thistime } } if (document.getElementById) { for (i=0;i<=clockid.length-1;i++) { document.getElementById(clockid).innerHTML=thistime } } var timer=setTimeout("clockon()",1000) } window.onload=clockon </SCRIPT> <SCRIPT>writeclock()</SCRIPT> </STRONG></FONT></TD></TR></TABLE></CENTER></DIV> <DIV style="Z-INDEX: 2; LEFT: 0px; WIDTH: ваша ширина; HEIGHT: ваша высота; POSITION: absolute; TOP: 0px"> <IMG src="ссылка на рамку календарика" width=ширина рамки height=высота рамки border=0></A></DIV> </BODY> </HTML>[/more] Примечание: monthdays[1]=28; - в высокосный год изменить на monthdays[1]=29. И еще одно, делайте код только в блокноте! Теперь сохраняем наш документ с названием, например, kalendar1.html . Запоминаем название). Теперь берем другой код: <IFRAME src="название вашего документа, в моем случае kalendar1.html " height=высота width=ширина scrolling=no frameborder=0></IFRAME> Последний код и есть кодом, который надо вставлять в новости (или куда вы будете вставлять календарь)). Урок полностью составлен by Chiro. Любое копирование без указания ссылки на эту статью и ее автора запрещаеться и караеться законами всех стран!
Ответов - 2
Аллати: НифигасебеОо! Лучше не запариваться и тырить у когонибудь><)
Шотелотур: Ээ.. ничегошеньки не поняла:))
полная версия страницы