• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Kalenderblatt mit aktuellem Datum

gundm

Neues Mitglied
Hallo!

Ich möchte gerne für meine Homepage ein Kalenderblatt mit aktuellem Datum einbetten.

Es soll ungefähr so aussehen:
Kalnderblatt.jpg

ist aber auch nur ein Beispiel...

Ich hoffe, Ihr könnt mir helfen!

Freue mich auf Eure Antworten,
gundm
 
Werbung:
Ich kenne mich damit eher nicht so aus und bin so ziemlich eine Niete darin.

Kann mir jemand vielleicht sagen, wie man so gut es geht das obige Kalenderblatt in meine Homepage einfügt? So, dass immer das aktuelle Datum dort steht?

Gruß,
gundm
 
Werbung:
Erklären schon, aber wenn du jemanden suchst, der dir das erstellt, wende dich an die Jobbörse.

Falls du es selber machen willst, findest du hier einen Ansatz hinsichtlich der Funktionalität:
PHP: date - Manual

Für die visuelle Umsetzung ist CSS zuständig.
 
Was genau willst Du erklärt haben:

* Wie man das Design hinbekommt?
* Wie man die gewünschten Inhalte in das Design bekommt?
* Wie der HTML-Code aussehen sollte (ohne das Design und die Inhalte zu beachten)?
 
Werbung:
Naja, ich weiß kaum etwas darüber. Als ich mir deinen Link angeguckt habe, habe ich eigentlich gar nichts davon verstanden.
Ich weiß nur etwas aus dem Informatik-Unterricht aus der Schule, aber das ist auch schon etwas länger her... :)

Ich komme auch mit HTML-Codes klar, jedoch weiß ich nicht, wie ich mit CSS arbeiten kann.
 
Werbung:
Der Link war bereits die Lösung.

Wenn du das nicht verstehst, fehlen dir noch Grundlagenkenntnisse. Entweder eignest du dir diese an, oder überträgst die Aufgabe an jemand anderen. Aber das geht dann nicht für lau.
 
Hier mal die PHP-Lösung: Kalender
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Kalender</title>
</head>
<body>
<img src="./calendar.php" alt="">
</body>
</html>
PHP:
<?php
  // Kürzel für Monat
  $months = array('1' => 'Jan',
                  '2' => 'Feb',
                  '3' => 'Mär',
                  '4' => 'Apr',
                  '5' => 'Mai',
                  '6' => 'Jun',
                  '7' => 'Jul',
                  '8' => 'Aug',
                  '9' => 'Sep',
                 '10' => 'Okt',
                 '11' => 'Nov',
                 '12' => 'Dez');
                 
  // Monat festlegen
  $month = $months[date('n')];
  
  // Tag festlegen
  $day   = date('j');
  
  // Vorlage
  $model = './calendar.jpg';
  
  // Font
  $font = './arialn.ttf';
  
  // Textgröße für Monat
  $mSize = 12;
  
  // Textgröße für Tag
  $dSize = 24;
  
  // Eventueller Rahmen in der Vorlage in px
  $border = 2;
  
  // Höhe für Monatsausgabe in px
  $mHeight = 18;
  
  // Bildgröße
  $imgSize = getimagesize($model);
  
  // Breit und Hoehe
  $imgWidth  = $imgSize[0];
  $imgHeight = $imgSize[1];
  
  // Textboxen ermitteln
  $mBox = imagettfbbox($mSize, 0, $font, $month);
  $dBox = imagettfbbox($dSize, 0, $font, $day);
  
  // Image laden
  $img = imagecreatefromjpeg('./calendar.jpg');
  
  // Farbe weiss
  $dColor = imagecolorallocate($img, 255, 102, 0);
  
  // Farbe orange
  $mColor = imagecolorallocate($img, 255, 255, 255);
  
  // Berechnungen
  // Monat
  $minX = min(array($mBox[0],$mBox[2],$mBox[4],$mBox[6]));
  $maxX = max(array($mBox[0],$mBox[2],$mBox[4],$mBox[6]));
  $mTxtWidth = $maxX - $minX;
  
  // Tag
  $minX = min(array($dBox[0],$dBox[2],$dBox[4],$dBox[6]));
  $maxX = max(array($dBox[0],$dBox[2],$dBox[4],$dBox[6]));
  $dTxtWidth = $maxX - $minX;
  
  // Monat ausgeben
  $x = ($imgWidth - (2 * $border) - $mTxtWidth) / 2 + $border;
  $y = ($mHeight - $mSize) / 2 + $border + $mSize;
  
  imagettftext($img, $mSize, 0, $x, $y, $mColor, $font, $month);
  
    // Tag ausgeben
  $x = ($imgWidth - (2 * $border) - $dTxtWidth) / 2 + $border;
  $y = ($imgHeight - $dSize - $mHeight) / 2 - $border + $dSize + $mHeight;
  
  imagettftext($img, $dSize, 0, $x, $y, $dColor, $font, $day);

  // Output to browser
  header('Content-Type: image/jpeg');
  imagejpeg($img);
?>
Ist aber nicht richtig getestet. Die Font-Datei arialn.ttf und die Vorlage calendar.jpg müssen bei dem Script im gleichen Verzeichnis liegen
 
Zurück
Oben