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 !

.

.

.

.

.

.

.

.

.

.