Tutorials

Eine immer größer werdende Tutorialdatenbank.

PHP-Fusion Core

Aktuelle PHP-Fusion Vollversionen und Updates

Addon Downloads

Alle Downloads garantiert Kostenlos

Support 24/7

24 Stunden, 7 Tage die Woche, das ganze Jahr.

Zeitgesteuerte CSS
Kategorie: PHP
PHP-Fusion Version: Keine
Quelle: net.tutsplus.com
Schwierigkeitsgrad:
 
Auch das Zeitgesteuerte ansprechen und ausführen von CSS ist leicht und ohne großen aufwand möglich.

Faq

Erstelle eine PHP-Datei und benenne diese als stylesheets.php in dieser erstellst du die eigentliche Zeitsteuerung, wie du sie im folgenden Beispiel findest:

GeSHi: PHP


  1. <?php
  2.  
  3. date_default_timezone_set("Australia/Melbourne"); // Set default time zone
  4.  
  5. $time = date("H"); // Set the hour in 24 hour format
  6.  
  7. if (00 <= $time && $time < 07) // 12:00am to 7:00am Night
  8. {
  9. echo
  10. '<link href="css/style-1.css" rel="stylesheet" type="text/css" media="screen" /><link href="css/flick/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" media="screen" />';
  11. }
  12.  
  13. elseif (07 <= $time && $time < 12) // 7:00am to 12:00pm Morning
  14. {
  15. echo
  16. '<link href="css/style-3.css" rel="stylesheet" type="text/css" media="screen" /><link href="css/start/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" media="screen" />';
  17. }
  18.  
  19. elseif (12 <= $time && $time < 18) // 12:00pm to 6:00pm Afternoon
  20. {
  21. echo
  22. '<link href="css/style-2.css" rel="stylesheet" type="text/css" media="screen" /><link href="css/start/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" media="screen" />';
  23. }
  24.  
  25. else // all other hours Evening
  26. {
  27. echo
  28. '<link href="css/style-4.css" rel="stylesheet" type="text/css" media="screen" /><link href="css/flick/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" media="screen" />';
  29. }
  30.  
  31. ?>
gewandelt in 0.020 Sekunden, benutzt wurde GeSHi 1.0.8.10



Passe "date_default_timezone_set("Australia/Melbourne");" entsprechend deinen gegebenheiten an z.b. "Germany/Berlin" an.
Gleiches gilt natürlich auch für die Styleangaben und Zeiten.

Danach fügst du:

GeSHi: PHP


  1. <!-- CSS Style sheets -->
  2. <?php include("stylesheets.php"); ?>
gewandelt in 0.018 Sekunden, benutzt wurde GeSHi 1.0.8.10



in das Dokument ein, in der die eigentlichen Styles gehören.

Dieses ist natürlich nur eine sehr kurze Dokumentation, die die Grundsätzliche funktion beschreibt und muss u.u. für PHP-Fusion angepasst werden.

Eine ausführliche Beschreibung findest du unter: http://net.tutsplus.com/tutorials/php/how-to-create-a-time-based-css-style-sheet-switcher/

Tutorial Verlinken

URL: 
BBCode: 
HTML-Code: 
Kommentare
Es wurden noch keine Kommentare verfasst.
Kommentar schreiben
Bitte logge dich ein, um einen Kommentar zu verfassen.
Anzeige


© 2016 Real Space. All rights reserved | Design by W3layouts
Powered by PHP-Fusion copyright © 2002 - 2017 by Nick Jones. Released as free software without warranties under GNU Affero GPL v3.