Mini Kalender - Website X5 Hilfe - Die Helpsite

Logo Schriftzug
Logo WSX5
Website hundertprozent CO2 neutral mit Host Europe
Newsletter anmelden
Direkt zum Seiteninhalt
Scan QR or Download Android App

Mini Kalender

Scripte > Attachment

Einfache kleine Mini Kalender für die Homepage

Hier haben wir einige kleine Kalender zum Download bereit gestellt. Es ist für jeden bestimmt was dabei, ob PHP, Flash oder Javascript, alles im Mini-Format.
Die aktuellen Tage werden angezeigt bzw. farblich hervorgehoben.
Bitte beachten, dass in der PHP-Version die ausführende Datei auch die Dateiendung .php erhält.
In der ZIP-Datei befinden sich alle drei Kalender. Einfach entpacken und Code in die entsprechenden Bereiche der Webseite einfügen. Bei allen Kalendern können die Farben der Homepage angepasst werden.

PHP Tages-Kalender

Flash Jahres-Kalender

Javascript Monats-Kalender

Wednesday
14

Code PHP Tages-Kalender:

Code für den HEAD-Bereich:

[Vor dem /HEAD|Bereich CSS]

<style type="text/css">
.kalender { width: 210px; height: 178px; background-image: url(../images/kalender_leer.png);  background-repeat: no-repeat; font-family: Comic Sans MS; text-align: center; }
.wochentag
{ font-size: 28px; color: #000; font-weight: bold; padding-top:36px; }
.zahl
{ font-size: 60px; color: #ff0000; font-weight: bold; padding-top: 0px; text-decoration: none; }
</style>

Code für das HTML-Objekt:

[Objekt HTML]

<div class="kalender">
<div
class="wochentag"><?php echo date("l"); ?></div>
<div class="zahl"> <!-- <a href="#"> --> <?php echo date("d"); ?>
<!-- </a>  (grün = aktivieren für Tagezahl-Verlinkung) -->
</div></div>

Die auführende Datei muss die Dateiendung .php aufweisen.

Code Flash Jahres-Kalender:

Code für das HTML-Objekt:

[Objekt HTML]

<object align="center" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width=
"175" height="175" id="kalender">
<param
name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="files/kalender.swf /> /*Pfad anpassen*/
<param name="
quality" value="high" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="bgTop=ff9900&txtTop=808080&bgBottom=808080&txtBottom=ff9900&bgToday=ffff00" />
<embed src="files/kalender.swf" /*Pfad anpassen*/
flashvars=
"bgTop=ff9900&txtTop=808080&bgBottom=808080&txtBottom=ff9900&bgToday=ffff00"
quality=
"high" wmode="transparent"
width=
"175" height="175" name="kalender" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
<!-- Veränderung Farbcode ohne Lattenkreuz # voran eingeben -->

Code Javascript Monats-Kalender:

Code für den HEAD-Bereich:

[Vor dem /HEAD|Bereich CSS]

<style type="text/css">
.tbl { border: 2px solid; border-color: #000; background-color: #D0F0F0; }
.zelle
{ font-family: arial; font-size: 10px; font-weight: bold; padding-top: 4px; padding-bottom: 4px;
padding-left: 7px; padding-right: 6px; border: 1px solid; border-color:
#A6A6A6; }
</style>

Code für das HTML-Objekt:

[Objekt HTML]

<div align="center">
<script language="JavaScript">
var d = new Date();
var dm = d.getMonth() + 1;
var dj = d.getYear();
if(dj < 2000) d
j+=1900;
Kalender(dm,dj);
function Kalender(Monat,Jahr)
{
Monatsname = new Array
("Januar","Februar","M&auml;rz","April","Mai","Juni","Juli",
"August","September","Oktober","November","Dezember");
Tag = new Array ("M","D","M","D","F","S","S");
var KFarbe = "#000000";      
/* Schriftfarbe Kalenderkopf */
var TFarbe = "#0000FF";      
/* Schriftfarbe Tagesanzeige */
var HFarbe = "#FF9900";      
/* Schriftfarbe Heuteanzeige */
var SFarbe = "#E00000";      
/* Schriftfarbe für Sonntage */
var jetzt = new Date();
var DieserMonat = jetzt.getMonth() + 1;
var DiesesJahr = jetzt.getYear();
if(DiesesJahr < 2000) DiesesJahr+=1900;
var DieserTag = jetzt.getDate();
var Zeit = new Date(Jahr,Monat-1,1);
var Start = Zeit.getDay();
if(
Start > 0) Start--;
else Start = 6;
var Stop = 31;
if(Monat==4 ||Monat==6 || Monat==9 || Monat==11 ) --Stop;
if(Monat==2)
{
AnzTage=-3;
if(Jahr%4==0) Stop++;
if(Jahr%100==0) Stop--;
if(Jahr%400==0) Stop++;
}
document.write("<table class='tbl'>");
var Monatskopf = Monatsname[Monat-1] + " " + Jahr;
SchreibeKopf(Monatskopf,KFarbe);
var Tageszahl = 1;
for(i=0;i<=5;i++)
{
document.write("<tr>");
 for(j=0;j<=5;j++)

 {
 if((i==0)&&(j < Start))
 SchreibeZelle("&#160;",TFarbe);
 else
 {
if(Tageszahl > Stop)
 SchreibeZelle("&#160;",TFarbe);
 else
 {
 if((Jahr==DiesesJahr)&&(Monat==DieserMonat)&&(Tageszahl==DieserTag))
 SchreibeZelle(Tageszahl,HFarbe);
 else
 SchreibeZelle(Tageszahl,TFarbe);
 Tageszahl++;
 }
}
}
if(Tageszahl > Stop)
SchreibeZelle("&#160;",SFarbe);
else
{
if((Jahr==DiesesJahr)&&(Monat==DieserMonat)&&(Tageszahl==DieserTag))
SchreibeZelle(Tageszahl,SFarbe);
else
SchreibeZelle(Tageszahl,SFarbe);
Tageszahl++;
}
document.write("
</tr>");
}
document.write("
</table>");
}

function SchreibeKopf(Monatstitel,KFarbe)
{
document.write("
<tr>");
document.write("<td class='zelle' align=center colspan=7 valign=middle>");
document.write('<font color='+KFarbe+'><b>');
document.write(Monatstitel);
document.write("</b></font></td></tr>");
document.write("<tr>");
for(i=0;i<=6;i++)
 SchreibeZelle(Tag[i],KFarbe);
document.write
("</tr>");
}
function SchreibeZelle(Inhalt,TFarbe)
{
document.write
("<td class='zelle' align=center valign=middle>");
document.write('<font color='+TFarbe+'><b>');
document.write(Inhalt);
document.write("</b></font></td>");
}
</script>
</div>

Feedbacks zu ""
3 Kommentare
Durchschnittliche Bewertung: 135.0/5


Jürgen Israel
2018-11-13 08:35:00
Hallo Mario, jetzt funktioniert alles. Vielen Dank
Admin-Antwort
2018-11-13 08:34:05
Das Skript musste überarbeitet werden und ist wieder funktionstüchtig. Vielen Dank für den Hinweis.
Jürgen Israel
2018-11-13 08:32:42
Habe versucht diesen Kalender einzurichten, aber irgenwie klappt es nicht! Was kann man dabei falsch machen? Vielleicht besteht die Möglichkeit mich dabei zu unterstützen? Vielen Dank und freundliche Grüße Jürgen
Vielen Dank für Dein Feedback.
Logo HTML5
Button Spenden

© 2009 - 2018





Besucher Statistik
» 1 Online
» 441 Heute
» 552 Gestern
» 1502 Woche
» 8734 Monat
» 63277 Jahr
» 309855 Gesamt
Record: 1420 (10.04.2014)
Zurück zum Seiteninhalt