Puhs Blog

19 Kommentare zu “Tag-/Nacht-Wechsel optimiert”

1. 1 Doggies 112 6. November 2008 um 20:31 Uhr

   Hey, klasse. Sowas hab ich noch nirgends gesehen … Prima

2. 2 ich 3 7. November 2008 um 08:09 Uhr

   Um das ganze algorithmisch zu lösen: http://lexikon.astronomie.info/zeitgleichung/

3. 3 bulgaras 22 7. November 2008 um 19:25 Uhr

   Hm … ist MIR noch gar nicht so aufgefallen. Aber ist ja eine Gute idee!

4. 4 Steffi 1 7. November 2008 um 19:54 Uhr

   Geniale Sache! Sieht schick aus!

5. 5 Ute 8 8. November 2008 um 11:07 Uhr

   Den wechselnden header finde ich fantastisch! Ist doch bestimmt nicht einfach…?

6. 6 Tinkelbell 2 12. November 2008 um 18:50 Uhr

   Das ist richtig schick, sowas suche ich schon soooo lange und bin nie fündig geworden. Wie bekommt man sowas hin?
   
   Gibt es dazu eventuell einen Script ?

   Liebe Grüsse
   Jasmin

7. 7 Puh 390 12. November 2008 um 20:10 Uhr

   @Ute + Tinkelbell

   Ne, ist eigentlich keine große Sache. Ist ein ganz winziges Script und damit es auch bei abgeschaltetem Java-Script funktioniert habe ich es als PHP-Script geschrieben.

   Das Script ruft jeweils eins von zwei zusätzlichen CSS-Dateien auf. In diese zwei CSS-Dateien (day.css und night.css) lagert man zum Beispiel die Definition der Header-Grafik und des Seiten-Hintergrundes (wer will, kann noch mehr) aus der normalen CSS-Datei aus.

   Das Script befindet sich in der header.php oder wo sich in eurem Theme die Aufrufe für die CSS-Dateien befinden. Einfach nach dem Aufruf eurer CSS-Datei einfügen.

   So sieht das Script bei mir aus:

   <?php
   	$switchhour = date("G");
   	$switchminute = date("i");
   	$switchtime = (($switchhour * 60) + $switchminute);
    
   	if ($switchtime <= 1046 && $switchtime >= 430) {
   	echo '<link rel="stylesheet" type="text/css" href="http://blog.1n8.de/wp-content/themes/3k2redux/day.css" />';
   	} else {
   	echo '<link rel="stylesheet" type="text/css" href="http://blog.1n8.de/wp-content/themes/3k2redux/night.css" />';
   	}
   ?>

   Hierbei muss man nur die Zeiten für Morgen- und Abenddämmerung in Minuten anpassen. 1046 steht hier für 17:26 Uhr (17 * 60 + 26) und 430 für 7:10 Uhr (7 + 60 + 10).

   Wer nur einen Wechsel zu einer festen Stunde braucht, kann es sich noch einfacher machen:

   <?php
   	$switchhour = date("G");
    
   	if ($switchhour <= 17 && $switchhour >= 7) {
   	echo '<link rel="stylesheet" type="text/css" href="http://blog.1n8.de/wp-content/themes/3k2redux/day.css" />';
   	} else {
   	echo '<link rel="stylesheet" type="text/css" href="http://blog.1n8.de/wp-content/themes/3k2redux/night.css" />';
   	}
   ?>

   Hier bei ist zu beachten, dass wenn man < = 17 einträgt, dass die Abendumschaltung erst um 18 Uhr erfolgt, die Morgenumschaltung aber exakt um 7 Uhr bei >=7.

   Bitte darauf achten die Pfade zu den neuen CSS-Dateien anzupassen.

   Sollten noch Fragen auftauchen, immer her damit. Auch für Verbesserungen bin ich dankbar.

8. 8 ocean90 15 12. November 2008 um 22:32 Uhr

   Info zu dem Code von Puh,
   anstatt der Stylesheets kann man natürlich auch img Tags angeben.
   Außerdem sollte man drauf achten, in welcher Zeitzone der Server steht, so musste ich z.B. noch ein

    $switchhour = $switchhour + 6;

   einfügen.

   Gruß

9. 9 Tinkelbell 2 12. November 2008 um 22:48 Uhr

   Ihr seit klasse

   Dankeschööön

10. 10 adrian sauer 10 13. November 2008 um 12:52 Uhr

    Hallo Puh,

    nicht schlecht. Hab ich so auch noch nicht gesehen.

    Gruß
    Adrian

11. 11 Denny 6 6. Dezember 2008 um 21:14 Uhr

    Super Sache, in der Richtung habe ich mir ebenso schon mal gedanken gemacht wie ich die Sunset funktion (welche in PHP5 funktioniert) mit der CSSumschaltung koppeln kann.
    Leider weis ich nicht wie ich es verknüpfen kann.
    hier mein PHP5 Code für Sonnenauf- und untergang (auf http://www.denny-web.de läuft es testweise, jedoch die Umschaltung wird momentan mit vorgegebene Zeiten realisiert – da ich nicht weis wie ich beides koppeln kann.):

    <?php
    // Sonnenauf.- und Sonnenuntergang berechnen
    // PHP 5
    echo "<b>" . date("d.m.Y - H:i") . " Uhr</b> Sonnenaufgang: " . date_sunrise(time(), SUNFUNCS_RET_STRING, 52.77, 6.53, 90+5/6, date("O")/100) . " Uhr";
    echo "";
    echo "Sonnenuntergang: " . date_sunset(time(), SUNFUNCS_RET_STRING, 52.77, 6.53, 90+5/6, date("O")/100) . " Uhr";
    ?>

    Auf hilfe würde ich mich freuen !
    Gruß Denny

12. 12 Puh 390 6. Dezember 2008 um 22:28 Uhr

    @Denny

    Klasse Script, ich für das selbe ein riesiges Javascript benutzt.
    Hab beide mal zusammen in eine Datei geschrieben.
    Funktioniert ja soweit gut, aber ich hätte gerne Morgen- und Abenddämmerung statt Sonnenaufgang und Sonnuntergang. Kennst du die passenden Variablen dafür?

13. 13 Denny 6 7. Dezember 2008 um 00:16 Uhr

    @Puh

    ändere im Script einfach 90+5/6 in 96

    offical = 90
    civil = 96
    nautical = 102
    astronomical = 108

    näheres einfach googeln SUNFUNCS_RET_STRING

14. 14 Denny 6 7. Dezember 2008 um 00:18 Uhr

    was ich suche sind schöne tagesbilder sowie Nachtbilder ( so wie du se oben benutzt) , erst wollte ich vom Ort welche machen und als Hintergrundbild setzen mit CSS aber ich bin mir nicht so sicher.

15. 15 Denny 6 7. Dezember 2008 um 00:39 Uhr

    kannst du mal bitte die Koordinaten oben rausnehmen
    und mit $latitude, $longitude ersetzen war mein Fehler muss ja nicht gleich jeder wissen wo ich wohne

16. 16 Denny 6 7. Dezember 2008 um 02:31 Uhr

    so jetzt müßte man die Timestamps (siehe http://denny-web.de) aktuell mit Dämmerung vergleichen und einen CSS Schalter setzen. Ich glaube so nah an der Lösung war ich lange nicht mehr — Gutes Nächtel —

    hier nochmal Erläuterung:

    official 90+5/6 ( =90,8333) – Sonne geht am Horizont auf oder unter

    civil – Dämmerung (Sonne schon hinter dem Horizont, aber noch “hell”)

    nautical – Umrisse (z.B. auf See) können noch schemenhaft – besonders gegen den
    Horizont – wahrgenommen werden

    astronomical – Dunkel (stockdüster)

17. 17 Puh 390 7. Dezember 2008 um 05:18 Uhr

    @Denny

    Ich habe 2 verschiedene Lösungen entwickelt. Eine mit dem Integer/Timestamp und eine mit der Zeit als Dezimalzahl.

    Letztere wird ganz sicher funktionieren, bei der Integer-Lösung bin ich mir nicht so sicher … ich warte einfach mal die Morgendämmerung ab

    Wenn das funktioniert, werde ich die Lösung hier veröffentlichen, aber ich denke Du bist auf die selbe Lösung gestoßen.

18. 18 Denny 6 13. Dezember 2008 um 22:54 Uhr

    Und Puh wie haste den wechsel gemacht ?

    ich meine den Vergleich mit der Dezimal ? schick mir doch mal ne E-mail !

    Gruß Denny

19. 19 Puh 390 13. Dezember 2008 um 23:47 Uhr

    @Denny

    Hatte leider noch keine Zeit jetzt im Weihnachtsgewinnspielstress den Code hier zu veröffentlichen, wollte den Code auch noch näher dokumentieren vor der Veröffentlichung.

    Du hast Post!

Deine Meinung ist mir wichtig:

Vor- und/oder Zuname bzw. Nickname *

eMail (versteckt) *

Website (werbliche Einträge unerwünscht)

Die Felder die mit einem * gekenntzeichnet sind, sind Pflichtfelder. Keywords oder ähnliches als Name, werden bearbeitet oder gelöscht!

Ich behalte mir ausserdem das Recht vor, Kommentare mit offensichtlich falschen oder ungültigen Email-Adressen kommentarlos zu löschen!

ACHTUNG: Wenn dein Kommentar, Ping- oder Trackback nicht sofort zu sehen ist, dann liegt dieser womöglich noch in der Moderation. Es kann ein wenig dauern, bis dieser öffentlich für andere sichtbar ist. Bitte hab etwas Geduld. Danke!

---

---