Vorteile:
-Mehr überblick
-Farben Ändern/Anpassen durch Variablen
-PHP Code (außer Ausgabetext) in der CSS-Datei für Besucher nicht sichtbar
-Verschiedene Layouts eines Media-Typs in einer CSS Datei
-Kein PHP in der Ausgangsdatei nötig
Nachteile:
-Man braucht ein wenig PHP Kenntnisse (Nichts Unmögliches selbst für Anfänger)
-wenn man nicht aufpasst oder die DCSS Datei sehr groß wird kann es auch unübersichtlich werden
Ein einfaches Beispiel mit Variablen:
style-css.php
Alles anzeigen
Oder so verschiedene Hintergrund Farben für verschiedene Benutzer:
style-css.php
Alles anzeigen
Und die HTML Datei (so wie gewohnt):
index.html
eine andere Möglichkeit währe:
index.html
Alles anzeigen
Da der Browser gerne CSS Dateien im Cache behält und wir hier mit DCSS arbeiten, müssen wir ihm noch sagen das er dies sein lassen soll
Erstes Beispiel verbietet dem Browser die Seite im Cache zu laden. Also wird bei jedem Reload alles neu geladen:
Zweites Beispiel dem Browser befehlen, wann er spätestens den Cache neu laden muss.
Setzen wir als Zeit eine 0 hat das den gleichen Effekt wie bei dem ersten Beispiel
Setzen wir statt 0 z.B. 30 wird der Cache neu geladen wenn der letzte Aufruf länger als 30 Sekunden her ist
-Mehr überblick
-Farben Ändern/Anpassen durch Variablen
-PHP Code (außer Ausgabetext) in der CSS-Datei für Besucher nicht sichtbar
-Verschiedene Layouts eines Media-Typs in einer CSS Datei
-Kein PHP in der Ausgangsdatei nötig
Nachteile:
-Man braucht ein wenig PHP Kenntnisse (Nichts Unmögliches selbst für Anfänger)
-wenn man nicht aufpasst oder die DCSS Datei sehr groß wird kann es auch unübersichtlich werden
Ein einfaches Beispiel mit Variablen:
style-css.php
Quellcode
- <?php
- header('Content-type: text/css'); //Damit der Browser weis das gleich eine CSS Datei kommt obwohl wir uns in einer PHP Datei befinden
- $hintergrund = "#000000"; //Variable $hintergrund und der Wert ist ein Hex-Code in diesen Fall Farbe Schwarz
- $weiss = "#ffffff";
- ?>
- body {
- background-color: <?=$hintergrund?>;
- }
- #menu {
- color: <?=$weiss?>;
- font-weight: bold;
- }
Oder so verschiedene Hintergrund Farben für verschiedene Benutzer:
style-css.php
Quellcode
- <?php
- header('Content-type: text/css');
- $hintergrund = "#000000";
- //wir prüfen ob eine Farbe in der Session gesetzt wurde, wenn nicht bleibt sie schwartz
- if(isset($_SESSION['color'])) { $hintergrund = $_SESSION['color'] }
- $weiss = "#ffffff";
- ?>
- body {
- background-color: <?=$hintergrund?>;
- }
- #menu {
- color: <?=$weiss?>;
- font-weight: bold;
- }
Und die HTML Datei (so wie gewohnt):
index.html
eine andere Möglichkeit währe:
index.html
Quellcode
Da der Browser gerne CSS Dateien im Cache behält und wir hier mit DCSS arbeiten, müssen wir ihm noch sagen das er dies sein lassen soll
Erstes Beispiel verbietet dem Browser die Seite im Cache zu laden. Also wird bei jedem Reload alles neu geladen:
Zweites Beispiel dem Browser befehlen, wann er spätestens den Cache neu laden muss.
Setzen wir als Zeit eine 0 hat das den gleichen Effekt wie bei dem ersten Beispiel
Setzen wir statt 0 z.B. 30 wird der Cache neu geladen wenn der letzte Aufruf länger als 30 Sekunden her ist
8.190 mal gelesen