Variable in stylesheet übergeben
- Ersteller Awek
- Erstellt am
Hallo,
habe mal eine wieder eine Frage zu CSS, wie kann ich meinem externes Stylesheet Variablen übergeben.
Ich habe in dem Stylesheet per CSS Hintergrundbilder festgelegt, wie kann ich diese aber jetzt je nach Seite ändern?
Hoffe ihr könnt mir helfen, wird denke ich nicht so schwer sein. Komme aber auf nichts...
Gruß,
Awek
habe mal eine wieder eine Frage zu CSS, wie kann ich meinem externes Stylesheet Variablen übergeben.
Ich habe in dem Stylesheet per CSS Hintergrundbilder festgelegt, wie kann ich diese aber jetzt je nach Seite ändern?
Hoffe ihr könnt mir helfen, wird denke ich nicht so schwer sein. Komme aber auf nichts...
Gruß,
Awek
Gar nicht, CSS unterstützt keine Variablen. Du hast aber mehrere Möglichkeiten:
Etwa du nutzt einen "Ausfatz" für CSS (z.B. LESS), oder du gibst deinem <body> einfach unterschiedliche IDs. Dann kannst du alle Elemente darunter individuell stylen. Beispiel:
Und im HTML
Du kannst natürlich auch ein PHP-Skript als CSS-Datei nutzen... Wäre auch eine Möglichkeit, aber m.E. nicht so schön (eine statische Datei ist immer einem dynamischen Skript vorzuziehen, Stichwort Performance).
Gruß,
Max
Etwa du nutzt einen "Ausfatz" für CSS (z.B. LESS), oder du gibst deinem <body> einfach unterschiedliche IDs. Dann kannst du alle Elemente darunter individuell stylen. Beispiel:
PHP:
#rubrik1 #content {
background: url(background_rubrik1.png);
}
#rubrik2 #content {
background: url(background_rubrik2.png);
}Und im HTML
PHP:
[...]
<body id="rubrik1">
<div id="content">[...]</div>
</body>
[...]Du kannst natürlich auch ein PHP-Skript als CSS-Datei nutzen... Wäre auch eine Möglichkeit, aber m.E. nicht so schön (eine statische Datei ist immer einem dynamischen Skript vorzuziehen, Stichwort Performance).
PHP:
<?php
header('Content-Type: text/css;charset=utf-8');
?>
#content {
background: url(background_<?php echo $_GET['rubrik']; ?>.png);
}Gruß,
Max
Zuletzt bearbeitet:
Ähnliche Themen
