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" cellpadding="3" cellspacing="3" style="background-color:#d30f2e;height:100px;"> <tbody> <tr> <td style="background-color:#FFE8F8;"> <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; background-color:#FFE8F8;"> <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 = "#d30f2e"; /* Schriftfarbe Kalenderkopf */ var Khgrund = "#FFE8F8"; /* Hintergrundfarbe Kalenderkopf */ var TSchrArt = "Arial"; /* Schriftart Tagesanzeige */ var TSchrGroesse = 1; /* Schriftgroesse 1-7 Tagesanzeige */ var TSchrFarbe = "#d30f2e"; /* Schriftfarbe Tagesanzeige */ var Thgrund = "#FFE8F8"; /* Hintergrundfarbe Tagesanzeige */ var SoFarbe = "#d30f2e"; /* Schriftfarbe f. Sonntage */ var Ahgrund = "#E3CCDC"; /* 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="#d30f2e" 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> <td style="text-align: center; background-color:#FFE8F8;"> <img align="" alt="" height="120" src="https://file2.hpage.com/014930/51/bilder/test-bild.png" style="padding:0px;margin:0px;" width="100" /> </td> </tr> </tbody> </table> |
Tipps für Einstellungen:
https://file2.hpage.com/014930/51/bilder/test-bild.png
Hier musst Du die Url´s zu DEINEN Bildern einfügen
Höhe: height="120" und Breite: width="100" der beiden Bilder
background-color:#FFE8F8 = "Rand"- Farbe um die Bilder
background-color:#FFE8F8 = "Rand"- Farbe beim Kalender
alles was ich blau markiert habe, erklärt sich eigentlich von selbst
bgcolor="#d30f2e" = Farbe der Hintergrundfläche (hinter dem Kalenderblatt-Hintergrund)
wenn Du vor dieser Angabe bei cellspacing="1" anstatt der 1 eine 0 angibst, dann verschwindet das
Gitter-Muster.
background-color:#d30f2e = Farbe des Außen-"Randes" .......... bei mir ist er weinrot
die Angabe davor cellspacing="3" bestimmt die Breite dieses "Randes"
cellpadding="3" = "Rand"-Breite um Bilder und Kalender .............. bei mir ist er hell-rosa
*************************************************
Alle Grafiken sind urheberrechtlich geschützt !
All graphics are protected by copyright !
.
.
.
.
.
.
.
.
.
.