Kalender Backgroundbild

Hallo Leute,
ich habe hier einen schönen einfachen php Kalender.Den will ich so bearbeiten das er sozusagen auf einem Background Bild liegt.Also der Kalender soll nicht über,unter oder neben dem Bild liegen sondern drauf.Entweder mittig oder im oberen Drittel oder halt im unteren Drittel.
Ich wäre sehr dankbar für Hilfe,hab schon graue Haare deswegen bekommen.
Gruß
Yogi

<?php

// *** START Monatskalender ***
$monat=date("n");
$jahr=date("Y");
$erster=date("w", mktime(0,0,0,$monat,1,$jahr));
$insgesamt=date("t");
$heute=date("d");
$monate=array("Januar","Februar","März","April","Mai","Juni","Juli","August", "September","Oktober","November","Dezember");
if($erster==0){$erster=7;}
echo "<table border=\"0\" style=\"font-size:8pt; font-family:Verdana\">\n";
echo "<th colspan=\"7\" align=\"center\" style=\"font-size:12pt; font-family:Arial; color:#ff9900;\">".$monate[$monat-1]." ".$jahr."</th>";
echo "<tr>\n<td style=\"color:#666666\">Mo</td><td style=\"color:#666666\">Di</td>";
echo "<td style=\"color:#666666\">Mi</td><td style=\"color:#666666\">Do</td>";
echo "<td style=\"color:#666666\">Fr</td><td style=\"color:#0000cc\">Sa</td>";
echo "<td style=\"color:#cc0000\">So</td></tr>\n";
echo "<tr>\n";
$i=1;
while($i<$erster){echo "<td> </td>"; $i++;}
$i=1;
while($i<=$insgesamt)
{
$rest=($i+$erster-1)%7;
if($i==$heute){echo "<td style=\"font-size:8pt; font-family:Verdana; background:#ff0000;\" align=center>";}
else{echo "<td style=\"font-size:8pt; font-family:Verdana\" align=center>";}
if($i==$heute){echo "<span style=\"color:#ffffff;\">$i</span>";}
else if($rest==6){echo "<span style=\"color:#0000cc\">$i</span>";}
else if($rest==0){echo "<span style=\"color:#cc0000\">$i</span>";}
else{echo "$i";}
echo "</td>\n";
if($rest==0){echo "</tr>\n<tr>\n";}
$i++;
}
echo "</tr>\n";
echo "</table>\n";
// *** ENDE Monatskalender ***

xXx_BaSStar_xXx

Warum machst du es nicht einfach
mit Hilfe eines Hintergrundbildes?

Yogi

Genau das will ich ja haben,ich weiß aber doch nicht wo und wie ich ein Hintergrundbild einfügen kann.
Auf meiner Seite ist in einer Rechten Box ist ein Kalender ( Von Tanja ).so ungefähr sollte mein Kalender zum Schluss aussehen.

http://michel-juergen.de

Gruß
yogi

driver

mach doch einfach bei table ein background-image....:|

Code

<table style="background-image:url(bild.jpg);">

xXx_BaSStar_xXx

PHP

<?php


// *** START Monatskalender ***
$monat=date("n");
$jahr=date("Y");
$erster=date("w", mktime(0,0,0,$monat,1,$jahr));
$insgesamt=date("t");
$heute=date("d");
$monate=array("Januar","Februar","März","April","Mai","Juni","Juli","August", "September","Oktober","November","Dezember");
if($erster==0){$erster=7;}
echo "<table border=\"0\" style=\"background-image:url(ordnername/bild.jpg); font-size:8pt; font-family:Verdana\">\n";
echo "<th colspan=\"7\" align=\"center\" style=\"font-size:12pt; font-family:Arial; color:#ff9900;\">".$monate[$monat-1]." ".$jahr."</th>";
echo "<tr>\n<td style=\"color:#666666\">[b]Mo[/b]</td><td style=\"color:#666666\">[b]Di[/b]</td>";
echo "<td style=\"color:#666666\">[b]Mi[/b]</td><td style=\"color:#666666\">[b]Do[/b]</td>";
echo "<td style=\"color:#666666\">[b]Fr[/b]</td><td style=\"color:#0000cc\">[b]Sa[/b]</td>";
echo "<td style=\"color:#cc0000\">[b]So[/b]</td></tr>\n";
echo "<tr>\n";
$i=1;
while($i<$erster){echo "<td> </td>"; $i++;}
$i=1;
while($i<=$insgesamt)
{
$rest=($i+$erster-1)%7;
if($i==$heute){echo "<td style=\"font-size:8pt; font-family:Verdana; background:#ff0000;\" align=center>";}
else{echo "<td style=\"font-size:8pt; font-family:Verdana\" align=center>";}
if($i==$heute){echo "<span style=\"color:#ffffff;\">$i</span>";}
else if($rest==6){echo "<span style=\"color:#0000cc\">$i</span>";}
else if($rest==0){echo "<span style=\"color:#cc0000\">$i</span>";}
else{echo "$i";}
echo "</td>\n";
if($rest==0){echo "</tr>\n<tr>\n";}
$i++;
}
echo "</tr>\n";
echo "</table>\n";
// *** ENDE Monatskalender ***

Alles anzeigen

Kopieren, einfügen und anstelle von "Bild"
den Namen der Grafik bzw Ordner einsetzen.

@ driver: Sag ich doch :|?

Yogi

Also das war schon super.Jetzt hab ich im Prinzip schon einmal das was ich wollte.
wieder was gelernt.Nur im Moment wird das Bild auf die größe des Kalenders entweder verkleinert oder vergrößert.Es muß doch möglich sein wenn ich ein Bild z.B. 160 x 300 habe,dass das Bild im Original zustand angezeigt wird und der Kalender selbst ( entweder im oberen Drittel oder im unteren Drittel ) angezeitgt wird.

Viele Grüße
Yogi

xXx_BaSStar_xXx

PHP

<?php
<table width="100%" style="background-image:url(ordnername/bild.jpg);" cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td>
// *** START Monatskalender ***
$monat=date("n");
$jahr=date("Y");
$erster=date("w", mktime(0,0,0,$monat,1,$jahr));
$insgesamt=date("t");
$heute=date("d");
$monate=array("Januar","Februar","März","April","Mai","Juni","Juli","August", "September","Oktober","November","Dezember");
if($erster==0){$erster=7;}
echo "<table border=\"0\" align=\"left\" style=\"font-size:8pt; font-family:Verdana\">\n";
echo "<th colspan=\"7\" align=\"center\" style=\"font-size:12pt; font-family:Arial; color:#ff9900;\">".$monate[$monat-1]." ".$jahr."</th>";
echo "<tr>\n<td style=\"color:#666666\">[b]Mo[/b]</td><td style=\"color:#666666\">[b]Di[/b]</td>";
echo "<td style=\"color:#666666\">[b]Mi[/b]</td><td style=\"color:#666666\">[b]Do[/b]</td>";
echo "<td style=\"color:#666666\">[b]Fr[/b]</td><td style=\"color:#0000cc\">[b]Sa[/b]</td>";
echo "<td style=\"color:#cc0000\">[b]So[/b]</td></tr>\n";
echo "<tr>\n";
$i=1;
while($i<$erster){echo "<td> </td>"; $i++;}
$i=1;
while($i<=$insgesamt)
{
$rest=($i+$erster-1)%7;
if($i==$heute){echo "<td style=\"font-size:8pt; font-family:Verdana; background:#ff0000;\" align=center>";}
else{echo "<td style=\"font-size:8pt; font-family:Verdana\" align=center>";}
if($i==$heute){echo "<span style=\"color:#ffffff;\">$i</span>";}
else if($rest==6){echo "<span style=\"color:#0000cc\">$i</span>";}
else if($rest==0){echo "<span style=\"color:#cc0000\">$i</span>";}
else{echo "$i";}
echo "</td>\n";
if($rest==0){echo "</tr>\n<tr>\n";}
$i++;
}
echo "</tr>\n";
echo "</table>\n";
// *** ENDE Monatskalender ***
    </td>
  </tr>
</table>

Alles anzeigen

Jetzt ist eine Tabelle genauso breit wie die ganze
Seite und hat ein Hintergrundbild. Dieses ist
nur so hoch wie der Kalender und der Kalender
liegt daran links, also am Rand der äußeren Tabelle.

Oder anders?

Yogi

Diese Version fuktioniert überhaupt nicht,leider.
Geh doch mal auf meine Seite und schau dir rechts den Kalender an.So sollte er aussehen.In der mitte hab ich deine Version.(Kalenderversuch2)
http://michel-juergen.de

Viele Grüße
Yogi

xXx_BaSStar_xXx

Die Tabelle bei dir hat ja auch nicht wie
bei mir oben 100% Breite! Du willst
deine blaue Box komplett mit dem
Hintergrundbild ausfüllen? Richtig?

Yogi

Erscheinen soll 1 bild ( ein einzelnes bild ) wegen mir 160 x 300px.
Der kalender soll in diesem bild erscheinen.Da der kalender ja kleiner ist als das bild,sollte er entweder oben,aber vorzugsweise im unteren Drittel meines bildes erscheinen.die blaue Box lass mal außen vor,ich hatte die versuche auch auf einer rechten oder linken box machen können aber ich habe so mehr platz zum arbeiten(wegen übersicht)
Viele Grüße
Yogi

xXx_BaSStar_xXx

PHP

<?php
<table align="left" width="200" height="300" style="background-image:url(ordnername/bild.jpg); background-position:center;" cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td>
// *** START Monatskalender ***
$monat=date("n");
$jahr=date("Y");
$erster=date("w", mktime(0,0,0,$monat,1,$jahr));
$insgesamt=date("t");
$heute=date("d");
$monate=array("Januar","Februar","März","April","Mai","Juni","Juli","August", "September","Oktober","November","Dezember");
if($erster==0){$erster=7;}
echo "<table border=\"0\" align=\"center\" style=\"font-size:8pt; font-family:Verdana\">\n";
echo "<th colspan=\"7\" align=\"center\" style=\"font-size:12pt; font-family:Arial; color:#ff9900;\">".$monate[$monat-1]." ".$jahr."</th>";
echo "<tr>\n<td style=\"color:#666666\">[b]Mo[/b]</td><td style=\"color:#666666\">[b]Di[/b]</td>";
echo "<td style=\"color:#666666\">[b]Mi[/b]</td><td style=\"color:#666666\">[b]Do[/b]</td>";
echo "<td style=\"color:#666666\">[b]Fr[/b]</td><td style=\"color:#0000cc\">[b]Sa[/b]</td>";
echo "<td style=\"color:#cc0000\">[b]So[/b]</td></tr>\n";
echo "<tr>\n";
$i=1;
while($i<$erster){echo "<td> </td>"; $i++;}
$i=1;
while($i<=$insgesamt)
{
$rest=($i+$erster-1)%7;
if($i==$heute){echo "<td style=\"font-size:8pt; font-family:Verdana; background:#ff0000;\" align=center>";}
else{echo "<td style=\"font-size:8pt; font-family:Verdana\" align=center>";}
if($i==$heute){echo "<span style=\"color:#ffffff;\">$i</span>";}
else if($rest==6){echo "<span style=\"color:#0000cc\">$i</span>";}
else if($rest==0){echo "<span style=\"color:#cc0000\">$i</span>";}
else{echo "$i";}
echo "</td>\n";
if($rest==0){echo "</tr>\n<tr>\n";}
$i++;
}
echo "</tr>\n";
echo "</table>\n";
// *** ENDE Monatskalender ***
    </td>
  </tr>
</table>

Alles anzeigen

Das müsste das sein, was du haben möchtest.
Versuch es am besten mal unabhängig von den
Maßen auf einer extra Seite.

Yogi

Ich bekomme folgende Fehlermeldung.

Parse error: syntax error, unexpected '<' in /var/www/web76/html/portal/tmp/%%94^940^9406C49B%%_1177410213_49.inc.php on line 4

xXx_BaSStar_xXx

PHP

<table align="left" width="200" height="300" style="background-image:url(ordnername/bild.jpg); background-position:center;" cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td>
<?php
// *** START Monatskalender ***
$monat=date("n");
$jahr=date("Y");
$erster=date("w", mktime(0,0,0,$monat,1,$jahr));
$insgesamt=date("t");
$heute=date("d");
$monate=array("Januar","Februar","März","April","Mai","Juni","Juli","August", "September","Oktober","November","Dezember");
if($erster==0){$erster=7;}
echo "<table border=\"0\" align=\"center\" style=\"font-size:8pt; font-family:Verdana\">\n";
echo "<th colspan=\"7\" align=\"center\" style=\"font-size:12pt; font-family:Arial; color:#ff9900;\">".$monate[$monat-1]." ".$jahr."</th>";
echo "<tr>\n<td style=\"color:#666666\">[b]Mo[/b]</td><td style=\"color:#666666\">[b]Di[/b]</td>";
echo "<td style=\"color:#666666\">[b]Mi[/b]</td><td style=\"color:#666666\">[b]Do[/b]</td>";
echo "<td style=\"color:#666666\">[b]Fr[/b]</td><td style=\"color:#0000cc\">[b]Sa[/b]</td>";
echo "<td style=\"color:#cc0000\">[b]So[/b]</td></tr>\n";
echo "<tr>\n";
$i=1;
while($i<$erster){echo "<td> </td>"; $i++;}
$i=1;
while($i<=$insgesamt)
{
$rest=($i+$erster-1)%7;
if($i==$heute){echo "<td style=\"font-size:8pt; font-family:Verdana; background:#ff0000;\" align=center>";}
else{echo "<td style=\"font-size:8pt; font-family:Verdana\" align=center>";}
if($i==$heute){echo "<span style=\"color:#ffffff;\">$i</span>";}
else if($rest==6){echo "<span style=\"color:#0000cc\">$i</span>";}
else if($rest==0){echo "<span style=\"color:#cc0000\">$i</span>";}
else{echo "$i";}
echo "</td>\n";
if($rest==0){echo "</tr>\n<tr>\n";}
$i++;
}
echo "</tr>\n";
echo "</table>\n";
// *** ENDE Monatskalender ***
?>
    </td>
  </tr>
</table>

Alles anzeigen

?>

Bin gerade von der Arbeit gekommen und hab sofort das Script ausprobiert.Genau so sollte das aussehen.Zunächst möchte ich mich rechtherzlich für diese gute Hilfe hier im Forum bedanken.Einfach super!!!!!
Jetzt hab ich das was ich wollte zu 95%.
Der Kalender sitzt genau in der Mitte des Bildes,sozusagen x0 y0.
Um jetzt meine nächste Frage zu erläutern.
Ist es möglich den Kalender innerhalb des Bildes zu verschieben?
zb. x0 y30px
oder
x0 y-30px

also einfachgesagt den Kalender innerhalb des Bildes nach oben oder unten schieben.

Viele Grüße
Yogi

xXx_BaSStar_xXx

Selbstverstädlich

Einfach statt

Code

background-position:center;

-

Code

background-position:50px 70px;

einsetzen.

Der erste Wert bestimmt den Abstand von links (im Bsp. 50)
und der zweite den von oben (im Bsp. 70).

Das ganze kannst du auch
prozentual angeben oder mischen.

Bei

Code

background-position:50px 50%;

ist der Abstand von links 50 Pixel und
von oben 50% also mittig.
(gleicher Effekt wie "50px center;")

Kalender Backgroundbild

Tags

Benutzer online in diesem Thema