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
- <?php
-
-
-
- if (00 <= $time && $time < 07) // 12:00am to 7:00am Night
- {
- echo
- '<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" />';
- }
-
- elseif (07 <= $time && $time < 12) // 7:00am to 12:00pm Morning
- {
- echo
- '<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" />';
- }
-
- elseif (12 <= $time && $time < 18) // 12:00pm to 6:00pm Afternoon
- {
- echo
- '<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" />';
- }
-
- else // all other hours Evening
- {
- echo
- '<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" />';
- }
-
- ?>
gewandelt in 0.012 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
- <!-- CSS Style sheets -->
- <?php include("stylesheets.php"); ?>
gewandelt in 0.006 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
Anmelden
RSS Feeds
Feeds abonieren
Anzeige
