Farbewerte in css als "Variable"?

[Matze]

Hallo zusammen

Ich bastel gerade eine Webseite, bei der 3 Bereiche immer eine einheitliche Farbe haben müssen. Um diesen Farbwert zu ändern muss ich 3 Änderungen in den css-Dateien vornehmen, was ich eigentlich nicht gerne hätte. Eine php-Lösung (Variablen in einer css_color.php deaklarieren und bei der Erstellung des HTML-Codes zuweisen) möchte ich nicht nutzen, da sonst der Sinn, das ganze in Stylesheet-Dateien zu verwalten, verfehlt wird.

Leider gibt es in css selbst keine Variablen, wie würde ihr das am sinnvollsten Lösen?

[marabu]

Hallo Matthias,

das C in CSS steht doch für Cascading - warum definierst du nicht einen speziellen Style, den du dann an deine drei Bereiche bindest?

Grüße vom marabu

[Matze]

Hallo marabu

Zitat von marabu:

das C in CSS steht doch für Cascading - warum definierst du nicht einen speziellen Style, den du dann an deine drei Bereiche bindest?

Das Problem ist jedoch, dass es sich einmal um border-top, einmal um border-bottom und einmal um background-color handelt.

[jfheins]

Du könntest dir ein php-Script schreiben, dass dann die CSS-Daten ausgibt

(Dann wird auch der Sinn nicht verfehlt ... oder wie meintest du das ???)

[Matze]

Zitat von jfheins:

Du könntest dir ein php-Script schreiben, dass dann die CSS-Daten ausgibt

Das könnte ich schon, aber ich möchte das alles in css-dateien verwalten.

Zitat von jfheins:

(Dann wird auch der Sinn nicht verfehlt ... oder wie meintest du das ???)

Grund ist der, dass dann auch die Leute, denen ich den Code aushändige, sofort verstehen, wie das ganze aufgebaut ist. Das Hinzufügen von Klassen ist auch deutlich komfortabler, wenn ich keinen Umweg über php gehe.

[jfheins]

Wenn du in eine .htaccess ein

Code:

AddType application/x-httpd-php .css

Machst, kannste sogar die Dateiendung css benutzen

Ich dachte dann an sowas wie

Code:

<?php // CSS-Datei
$farbe = '#00FF00';
?>

body
   {
   background-color: <?php echo $farbe; ?>;
   font-family: Helvetica,Arial,sans-serif;
   text-align: center;
      }

Oder die css-Datei seperat und dann mit PHp Platzhalter wie {VAR|bgcolor} parsen

[Matze]

Hi, danke. Ja ich wüsste schon, wie das geht.

Nur gefällt mir diese Lösung nicht. Wenn es wirklich nicht anders geht, mache ich das evtl. so, ansonsten wäre mir eine reine css Lösung deutlich lieber.

[Cyberbob]

Hi

Man kann in css die styles auch aufteilen.

etwa so:

body {color: white;}
td {color: red;}
input {width: 50;}

body, td, input {background-color: blue;}

[Mystic]

Ich löse das mit einem Haupt-Stylesheet in der ersten Farbe sowie je ein Zusatz-Stylesheet für jede Farbe, welches nur die nötigen Änderungen enthält.

Soll die Seite die erste Farbe haben, bindest du nur das Haupt-Stylesheet ein. Soll sie eine andere Farbe haben, bindest du das Haupt-Stylesheet und das entsprechende Zusatz-Stylesheet ein. Das Zusatz-Stylesheet muss nach dem Haupt-Stylesheet deklariert werden.

[Matze]

@Cyberbob: Da ich 3 unterschiedlichen Eigenschaften den Farbwert zuweisen muss, bringt mir das nicht viel.

@Mystic: Das klingt ja kompliziert, aber ich sehe es mir morgen an, danke.