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 nur eine farbige Fläche.
<table align="center" border="0" cellpadding="0" cellspacing="3" height="300" style="border: solid 2px #000000" width="400"> <tbody> <tr> <td style="border: solid 3px #000000; height: 300px; width: 400px; background-image: url(https://file2.hpage.com/014930/51/bilder/test-bild_400x300px.png); background-repeat: no-repeat;"> <center> <br /> <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 = "Verdana"; /* Schriftart Kalenderkopf */ var KSchrGroesse = 1; /* Schriftgroesse 1-7 Kalenderkopf */ var KSchrFarbe = "#ffffff"; /* Schriftfarbe Kalenderkopf */ var Khgrund = "transparent"; /* Hintergrundfarbe Kalenderkopf */ var TSchrArt = "Verdana"; /* Schriftart Tagesanzeige */ var TSchrGroesse = 1; /* Schriftgroesse 1-7 Tagesanzeige */ var TSchrFarbe = "#ffffff"; /* Schriftfarbe Tagesanzeige */ var Thgrund = "transparent"; /* Hintergrundfarbe Tagesanzeige */ var SoFarbe = "#FF0000"; /* Schriftfarbe f. Sonntage */ var Ahgrund = "#FFA651"; /* 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="1" cellspacing="3" bgcolor="transparent" width="100" height="100" <td valign="top" align="right" style="margin: 0px 40px 140px 0px">'); 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></center> </td> </tr> </tbody> </table> |
Tipps für Einstellungen:
https://file2.hpage.com/014930/51/bilder/test-bild_400x300px.png
Hier musst Du die Url´s zu DEINEM Bild einfügen
Höhe: height:300px und Breite: width:400px des Bildes
Rand direkt um das Bild ..... Breite: solid 3px und Farbe: #000000
Rand ganz außen herum..... Breite: solid 2px Farbe: #000000
und Abstand zum Bild: cellspacing="3"
alles was ich blau markiert habe, erklärt sich eigentlich von selbst
Kalender-Anzeige ........ Breite: width="100" und Höhe: height="100"
Bei einer Änderung dieser Werte, bitte auch die Schriftgrößen
im blaumarkierten Bereich entsprechend anpassen.
Ausrichtung.... valign="top" (vertikal = oben) und align="right" (horizontal = rechts)
"margin: 0px 40px 140px 0px" = Abstände zum (Bild-) Rand
40px zum rechten Rand ...... 140px zum unteren Rand
*************************************************
Alle Grafiken sind urheberrechtlich geschützt !
All graphics are protected by copyright !
.
.
.
.
.
.
.
.
.
.