iphone "Kalender" App für Homepage???

    Moin,


    ich suche schon recht lang nach einem Script/Code den man auf seiner Homepage plazieren kann
    und dann einen DATUMS- & WOCHENTAGANZEIGE auf der eigenen Homepage angezeigt wird.
    NATÜRLICH NICHT "IRGENDEINER" - HABE TAUSENDE SCRIPTS DAZU GEFUNDEN -
    EHER FOLGENDES:

    Optisch & Layoutmässig, sollte es genauso (oder in etwa) aussehen wie der ICON des
    iphone KALENDER-APPS:

    Spoiler anzeigen


    Wobei er nicht unbedingt "per Click" die weiteren Funktionen wie diese App haben muss/sollte.
    (Also nicht unbedingt eine echte Kalenderfunktion wie das Original)
    Es kann und darf ruhig ein "DUMMY" sein im letzteren Sinne, sollte aber einwandfrei 1:1 für Deutschland den Wochentag und das Datum anzeigen.



    Gibt`s sowas? Ich habe bestimmt schon 1 1/2 Jahre danach gegooglet: Mission Impossible

    Habe das gleiche Problem, wie zwoemti.
    Ich kenne kein IPhone-App, da ich noch nie ein IPhone in der Hand hatte (auch nicht unbedingt möchte, ist absolut nicht mein Ding).
    ... und gleichzeitigkann das ein "Dummy" sein...???


    Was soll nach dem "Klick" zu sehen sein/geöffnet werden. Besser mit Screeshot ev. als Beispiel...

    Mario


    Der einzige Lohn für Helfer ist ein Feedback.

    Nunja, das Layout kannst du einfach "klauen" von Apple bzw nachbauen.
    Den jeweiligen Wochentag kannst du mit PHP ausgeben lassen ;)


    alxy

    Hi Zwoemti,


    der Kalender sollte zumindest "nur" das können:
    - So aussehen (Layout)
    - Funktionieren
    >>> Es muss nicht unbedingt eine Weitere Funktion da sein per Click.


    "Muss nicht" - aber natürlich, wenn er es kann:
    Per Click siehst Du den aktuellen Monat als Minikalender.


    Bei Iphone App ist dies alles GENAU so und
    man kann dazu eigene Termine eintragen und sich an diese Termine erinnern lassen.
    Sowas wäre aber ohne login auf einer Homepage wohl zu absurd.


    alxy: stimmt schon, wenn man sowas kann. Ich nicht.
    Verstehe nur nicht, wieso noch keiner auf so eine Idee gekommen ist.
    Hatte erwartet massenweise sowas zu finden. Fand aber nur in etwa sowas:


    PHP iCalendar


    Aber darum geht`s nicht. Möchte einfach Wie auf dem Beispiel-Pic angezeigt,
    so einen icon haben und in einen Header einbauen. Fertig.


    Hmmmmmmmm

    zwoemti:
    Genau! Würde mir dicke reichen. Sollte nur a) so ICON-button-mässig (wie mein Beispiel oder eben von alxy) aussehen wir möglich, b) Wochentag oben (klein), c) Datumanzeige unten zentriert (big)...
    SO:


    Spoiler anzeigen


    Sowas wäre für mich wunderbar und würde genügen!


    per Click "könnte" sowas passieren:

    Spoiler anzeigen


    alxy: Auch nicht schlecht. Würde Risiko senken von den Steve-Jobs Nachkommen verklagt zu werden ;o) - Wie haste das gemacht? Mit `nem Generator oder Handarbeit? Zeigst Du`s mir???

    das habe ich selbst gemacht, werde mich noch schnell um den wochentag oben kümmern :)


    alxy


    So, jetzt ist er komplett fertig:


    Kalender


    Der Code:



    Ist alles sehr leicht anpassbar ;)


    alxy

    Da er aber in den Header soll, geht der Code zwar so, ist aber fachmännisch nicht richtig und per include geht im header nicht.
    Da würde ich so ran gehen:


    kalender.css erstellen und auf den Server laden:

    Code
    1. #kalender {
    2. width: 256; height: 256;
    3. background-image:url(kalender_leer.png);
    4. background-repeat: no-repeat;
    5. font-family:Comic Sans MS; text-align: center;
    6. }
    7. #wochentag {font-size: 40; padding-top: 45; }
    8. #zahl {font-size: 110; padding-top: 0; }


    Unter 1 Eigenschaften der Seite Code für den HEAD:

    Code
    1. <link rel="stylesheet" type="text/css" href="kalender.css" />


    Code da wo er hin soll:

    PHP
    1. <div id="kalender">
    2. <div id="wochentag">
    3. <?php echo date("l"); ?>
    4. </div>
    5. <div id="zahl">
    6. <?php echo date("d"); ?>
    7. </div> </div>

    Mario


    Der einzige Lohn für Helfer ist ein Feedback.

    Wenn ich mich ganz erinnere, sollte der Kalender in den Header?


    Dann muss der CSS-Eintrag unter
    1 Allgemeine Einstellungen - Erweitert - Code für den Bereich HEAD


    Sonst wird er nur auf der Startseite angezeigt.


    Du kannst ihn aber dort auch so hinterlegen und auf die kalender.css verzichten:


    Code
    1. <style>
    2. #kalender {
    3. width: 256; height: 256;
    4. background-image:url(kalender_leer.png);
    5. background-repeat: no-repeat;
    6. font-family:Comic Sans MS; text-align: center;
    7. }
    8. #wochentag {font-size: 40; padding-top: 45; }
    9. #zahl {font-size: 110; padding-top: 0; }
    10. </style>


    Was mir noch aufgefallen ist, HTML5 verlang die px-Angabe:
    width:256px; height:256px; usw.

    Mario


    Der einzige Lohn für Helfer ist ein Feedback.

    Da Andy mit seinem schönen Uhr-Script kam, fiel mir meine alte Kalender-Anfrage wieder ein.
    Der Kalender-Icon (iPhone-Icon- bzw. App-mäßig) soll in den Header.
    Habe es so probiert:


    1. Nach little-key`s Angaben:
    ohne CSS direkt unter Schritt 1 > Allgemeine Einstellungen > Erweitert > Vor dem Head:


    Code
    1. <style>
    2. #kalender {
    3. width: 146px; height: 146px;
    4. background-image:url(Kalender_146.png);
    5. background-repeat: no-repeat;
    6. font-family:Comic Sans MS; text-align: center;
    7. }
    8. #wochentag {font-size: 24; padding-top: 45; }
    9. #zahl {font-size: 48; padding-top: 0; }
    10. </style>


    2. Das Bild vom Kalenderhintergrund "Kalender_146.png" auf dem Server plaziert


    3. Dann den Code wo er hin soll (also html code plaziert im Header):


    PHP
    1. <div id="kalender">
    2. <div id="wochentag">
    3. <?php echo date("l"); ?>
    4. </div>
    5. <div id="zahl">
    6. <?php echo date("d"); ?>
    7. </div> </div>


    Ergebnis: Das Bild wird zwar angezeigt, aber leer.
    Die Kalenderfunktion klappt nicht.
    Was habe ich falsch gemacht?