Hinweis:
Im Code habe ich meine Url zum Bild verändert, wenn Du den Code auf
Deine HP einstellst, wird mein Bild somit nicht angezeigt,
stattdessen eine farbige Fläche.
<table align="center" border="1" style="height:100px;"> <tbody> <tr> <td> <img align="" alt="" height="120" src="https://file2.hpage.com/014930/51/bilder/test-bild.png" style="padding:0px;margin:0px;" width="100" /> </td> <td style="text-align: center;"> <script type="text/javascript"> var d = new Date(); var dm = d.getMonth() + 1; var dj = d.getYear(); if (dj < 999) dj += 1900; Kalender(dm, dj); function Kalender (Monat, Jahr) { Monatsname = new Array("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"); Tag = new Array("Mo", "Di", "Mi", "Do", "Fr", "Sa", "So"); var KSchrArt = "Arial"; /* Schriftart Kalenderkopf */ var KSchrGroesse = 1; /* Schriftgroesse 1-7 Kalenderkopf */ var KSchrFarbe = "#000000"; /* Schriftfarbe Kalenderkopf */ var Khgrund = "#ffffff"; /* Hintergrundfarbe Kalenderkopf */ var TSchrArt = "Arial"; /* Schriftart Tagesanzeige */ var TSchrGroesse = 1; /* Schriftgroesse 1-7 Tagesanzeige */ var TSchrFarbe = "#000000"; /* Schriftfarbe Tagesanzeige */ var Thgrund = "#ffffff"; /* Hintergrundfarbe Tagesanzeige */ var SoFarbe = "#808080"; /* Schriftfarbe f. Sonntage */ var Ahgrund = "C0C0C0"; /* Hintergrundfarbe f. heutigen Tag */ var jetzt = new Date(); var DieserMonat = jetzt.getMonth() + 1; var DiesesJahr = jetzt.getYear(); if (DiesesJahr < 999) 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) { Stop = Stop - 3; if (Jahr % 4 == 0) Stop++; if (Jahr % 100 == 0) Stop--; if (Jahr % 400 == 0) Stop++; } document.write('<table border="0" cellpadding="0" cellspacing="1" bgcolor="#ffffff" width="120" height="120" align="center">'); var Monatskopf = Monatsname[Monat - 1] + " " + Jahr; SchreibeKopf(Monatskopf, Khgrund, KSchrFarbe, KSchrGroesse, KSchrArt); var Tageszahl = 1; for (var i = 0; i <= 5; i++) { document.write("<tr>"); for (var j = 0; j <= 5; j++) { if ((i == 0) && (j < Start)) { SchreibeZelle(" ", Thgrund, TSchrFarbe, TSchrGroesse, TSchrArt); } else { if (Tageszahl > Stop) { SchreibeZelle(" ", Thgrund, TSchrFarbe, TSchrGroesse, TSchrArt); } else { if ((Jahr == DiesesJahr) && (Monat == DieserMonat) && (Tageszahl == DieserTag)) { SchreibeZelle(Tageszahl, Ahgrund, TSchrFarbe, TSchrGroesse, TSchrArt); } else { SchreibeZelle(Tageszahl, Thgrund, TSchrFarbe, TSchrGroesse, TSchrArt); } Tageszahl++; } } } if (Tageszahl > Stop) { SchreibeZelle(" ", Thgrund, SoFarbe, TSchrGroesse, TSchrArt); } else { if ((Jahr == DiesesJahr) && (Monat == DieserMonat) && (Tageszahl == DieserTag)) { SchreibeZelle(Tageszahl, Ahgrund, SoFarbe, TSchrGroesse, TSchrArt); } else { SchreibeZelle(Tageszahl, Thgrund, SoFarbe, TSchrGroesse, TSchrArt); } Tageszahl++; } document.write("<\/tr>"); } document.write("<\/table>"); } function SchreibeKopf (Monatstitel, HgFarbe, SchrFarbe, SchrGroesse, SchrArt) { document.write("<tr>"); document.write('<td valign="middle" colspan="7" bgcolor="' + HgFarbe + '" align="center">'); document.write('<font face="' + SchrArt + '" color="' + SchrFarbe + '" size="' + SchrGroesse + '"><b>'); document.write(Monatstitel); document.write("<\/b><\/font><\/td><\/tr>"); document.write("<tr>"); for (var i = 0; i <= 6; i++) SchreibeZelle(Tag[i], HgFarbe, SchrFarbe, SchrGroesse, SchrArt); document.write("<\/tr>"); } function SchreibeZelle (Inhalt, HgFarbe, SchrFarbe, SchrGroesse, SchrArt) { document.write('<td valign="middle" bgcolor="' + HgFarbe + '" align="center">'); document.write('<font face="' + SchrArt + '" color="' + SchrFarbe + '" size="' + SchrGroesse + '"><b>'); document.write(Inhalt); document.write("<\/b><\/font><\/td>"); } </script> </td> </tr> </tbody> </table> |
Tipps für Einstellungen:
https://file2.hpage.com/014930/51/bilder/test-bild.png
Hier musst Du die Url zu DEINEM Bild einfügen
width="100" = Breite Deines Bildes
height="120" = Höhe Deines Bildes
alles was ich blau markiert habe, erklärt sich eigentlich von selbst
bgcolor="#ffffff" = Farbe der Hintergrundfläche (hinter dem Kalenderblatt)
...wenn Du hier eine andere Farbe angibst, als bei den blau markierten Hintergründen,
erzeugt es ein Gitter-Muster, so wie z.B. bei diesen Kalender HIER
*************************************************
Alle Grafiken sind urheberrechtlich geschützt !
All graphics are protected by copyright !
.
.
.
.
.
.
.
.
.
.