1. Lieber Benutzer,

    Du musst bei uns registriert sein, um an den Diskussionen teilzunehmen. Melde dich jetzt an - kostenfrei und unverbindlich. Und stelle Deine eigenen Fragen oder gib uns hilfreiche Antworten

Kalenderblatt mit aktuellem Datum

Dieses Thema im Forum "Alles rund HTML und XHTML" wurde erstellt von gundm, 11 November 2012.

  1. gundm

    gundm Neues Mitglied

    Registriert seit:
    11 November 2012
    Beiträge:
    5
    Punkte für Erfolge:
    0
    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: Jetzt registrieren, damit diese Werbung verschwindet
  2. bdt600

    bdt600 Senior HTML'ler

    Registriert seit:
    30 Mai 2012
    Beiträge:
    2.317
    Punkte für Erfolge:
    48
    Zuletzt bearbeitet: 11 November 2012
  3. gundm

    gundm Neues Mitglied

    Registriert seit:
    11 November 2012
    Beiträge:
    5
    Punkte für Erfolge:
    0
    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
  4. Tronjer

    Tronjer Senior HTML'ler

    Registriert seit:
    8 Oktober 2010
    Beiträge:
    2.959
    Punkte für Erfolge:
    63
    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.
  5. gundm

    gundm Neues Mitglied

    Registriert seit:
    11 November 2012
    Beiträge:
    5
    Punkte für Erfolge:
    0
    Könntest Du mir das dann bitte erklären?
  6. threadi

    threadi Moderator

    Registriert seit:
    20 Oktober 2006
    Beiträge:
    13.578
    Punkte für Erfolge:
    63
    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)?
  7. gundm

    gundm Neues Mitglied

    Registriert seit:
    11 November 2012
    Beiträge:
    5
    Punkte für Erfolge:
    0
    eigentlich alles :)

    wie gesagt, bin eine ziemliche Nieten darin...
  8. threadi

    threadi Moderator

    Registriert seit:
    20 Oktober 2006
    Beiträge:
    13.578
    Punkte für Erfolge:
    63
    Und wie ist dein aktueller Wissensstand? Selbst eine "Niete" weiß ja wann die Sonne aufgeht ;)
  9. gundm

    gundm Neues Mitglied

    Registriert seit:
    11 November 2012
    Beiträge:
    5
    Punkte für Erfolge:
    0
    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.
  10. Tronjer

    Tronjer Senior HTML'ler

    Registriert seit:
    8 Oktober 2010
    Beiträge:
    2.959
    Punkte für Erfolge:
    63
    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.
  11. bdt600

    bdt600 Senior HTML'ler

    Registriert seit:
    30 Mai 2012
    Beiträge:
    2.317
    Punkte für Erfolge:
    48
    Hier mal die PHP-Lösung: Kalender
    Code (text):
    1.  
    2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    3.      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    5. <head>
    6. <title>Kalender</title>
    7. </head>
    8. <body>
    9. <img src="./calendar.php" alt="">
    10. </body>
    11. </html>
    PHP:
    1.  
    2. <?php
    3.   // Kürzel für Monat
    4.   $months = array('1' => 'Jan',
    5.                   '2' => 'Feb',
    6.                   '3' => 'Mär',
    7.                   '4' => 'Apr',
    8.                   '5' => 'Mai',
    9.                   '6' => 'Jun',
    10.                   '7' => 'Jul',
    11.                   '8' => 'Aug',
    12.                   '9' => 'Sep',
    13.                  '10' => 'Okt',
    14.                  '11' => 'Nov',
    15.                  '12' => 'Dez');
    16.                  
    17.   // Monat festlegen
    18.   $month = $months[date('n')];
    19.  
    20.   // Tag festlegen
    21.   $day   = date('j');
    22.  
    23.   // Vorlage
    24.   $model = './calendar.jpg';
    25.  
    26.   // Font
    27.   $font = './arialn.ttf';
    28.  
    29.   // Textgröße für Monat
    30.   $mSize = 12;
    31.  
    32.   // Textgröße für Tag
    33.   $dSize = 24;
    34.  
    35.   // Eventueller Rahmen in der Vorlage in px
    36.   $border = 2;
    37.  
    38.   // Höhe für Monatsausgabe in px
    39.   $mHeight = 18;
    40.  
    41.   // Bildgröße
    42.   $imgSize = getimagesize($model);
    43.  
    44.   // Breit und Hoehe
    45.   $imgWidth  = $imgSize[0];
    46.   $imgHeight = $imgSize[1];
    47.  
    48.   // Textboxen ermitteln
    49.   $mBox = imagettfbbox($mSize, 0, $font, $month);
    50.   $dBox = imagettfbbox($dSize, 0, $font, $day);
    51.  
    52.   // Image laden
    53.   $img = imagecreatefromjpeg('./calendar.jpg');
    54.  
    55.   // Farbe weiss
    56.   $dColor = imagecolorallocate($img, 255, 102, 0);
    57.  
    58.   // Farbe orange
    59.   $mColor = imagecolorallocate($img, 255, 255, 255);
    60.  
    61.   // Berechnungen
    62.   // Monat
    63.   $minX = min(array($mBox[0],$mBox[2],$mBox[4],$mBox[6]));
    64.   $maxX = max(array($mBox[0],$mBox[2],$mBox[4],$mBox[6]));
    65.   $mTxtWidth = $maxX - $minX;
    66.  
    67.   // Tag
    68.   $minX = min(array($dBox[0],$dBox[2],$dBox[4],$dBox[6]));
    69.   $maxX = max(array($dBox[0],$dBox[2],$dBox[4],$dBox[6]));
    70.   $dTxtWidth = $maxX - $minX;
    71.  
    72.   // Monat ausgeben
    73.   $x = ($imgWidth - (2 * $border) - $mTxtWidth) / 2 + $border;
    74.   $y = ($mHeight - $mSize) / 2 + $border + $mSize;
    75.  
    76.   imagettftext($img, $mSize, 0, $x, $y, $mColor, $font, $month);
    77.  
    78.     // Tag ausgeben
    79.   $x = ($imgWidth - (2 * $border) - $dTxtWidth) / 2 + $border;
    80.   $y = ($imgHeight - $dSize - $mHeight) / 2 - $border + $dSize + $mHeight;
    81.  
    82.   imagettftext($img, $dSize, 0, $x, $y, $dColor, $font, $day);
    83.  
    84.   // Output to browser
    85.   header('Content-Type: image/jpeg');
    86.   imagejpeg($img);
    87. ?>
    88.  
    Ist aber nicht richtig getestet. Die Font-Datei arialn.ttf und die Vorlage calendar.jpg müssen bei dem Script im gleichen Verzeichnis liegen

Diese Seite empfehlen