farbmanagement in css - id´s o.ä. für farben vergeben?

  • Hallo Forum,
    suche eine Möglichkeit das Farbmanagement meiner HP zu vereinfachen.
    Im Moment sieht es so aus, dass ich in meiner css datei, Klassen anlege die meinetwegen so aussehen:

    Code
    /*3  MENU 2, level 2, active state (ACT) */
    TD#menu_2 DIV.e2_hl {
      font-size: 10px;
      font-weight:bold;
      padding-left:15px;
      padding-right:15px;
      padding-top: 2px;
      padding-bottom: 2px;
      background-color: #eeeeee;

    da es in dieser Datei nicht nur eine Klasse gibt sondern einige mehr aber nur zwei oder drei Farben, ist es sehr aufwendig immer alle Klassen zu suchen wenn aus - #eeeeee; - meinetwegen - #ff0022 - werden soll.

    Ich suche nun eine Möglichkeit die es mir erlaubt alle Farben mit einem Befehl zu ändern.
    Möglicherweise geht es mit einer Art ID-Vergabe, die wie folgt lauten könnte:

    ID-1 = #eeeeee

    der Code dazu würde dann so aussehen:

    Code
    /*3  MENU 2, level 2, active state (ACT) */
    TD#menu_2 DIV.e2_hl {
      font-size: 10px;
      font-weight:bold;
      padding-left:15px;
      padding-right:15px;
      padding-top: 2px;
      padding-bottom: 2px;
      background-color: 1;

    Wenn ich dann die ID so veränder

    ID-1 = #ff0022

    würde sich natürlich in allen Klassen die Farbe auf einen Streich ändern.

    Lange Erklärung - kurze Frage

    Gibt es so etwas?

    Bin für alle Anregungen wie immer sehr dankbar

    Gruß

    Harry

  • Hallo
    danke das du dich mit meinem Problem beschäftigen willst
    komme leider gerade nicht an meinen Code ran.
    Die Seite erstelle ich mit Typo3 deswegen würde der html Code denke ich nicht viel bringen.

    Noch mal ganz kurz.

    Ich möchte für bestimmt Farben einen Platzhalter einsetzen z.B Farbe1
    ich möchte festlegen das Farbe1 in meinem Fall Farbe - #eeff33 ist.

    Also erscheint überall dort wo ich den Platzhalter "Farbe1" eingesetzt habe die oben genannt farbe.

    Wenn ich nun die Farbe in meinem Platzhalter in farbe #1166ee ändere soll natürlich überall wo mein Platzhalter "Farbe1" eingesetzt ist nun die neu Farbe angezeigt werde.

    In Programmiersprachen nennt man das glaube ich auch variablen festlegen.

    Wenn ich wieder auf meinen CSS code zugreifen kann und mein Problem immer noch nicht gelöst ist poste ich den Code noch.

    Die Variante die Farbe durch Strg+F zu ersetzen ist mir auch schon in den Sinn gekommen finde ich aber eigentlich nicht sehr komfortabel.

    Wie gesagt bin für jede Hilfe dankbar

    Gruß
    Harry

  • Klar, aber wenn ich in allen Klassen die Farben bestimme ist es doch sehr aufwendig diese nachher zu ändern.
    Nehmen wir an ich habe ein Layout mit den Farben Blau und Gelb.
    Blau ist die Überschrift, der Rahmen der 1.Navigation, der Text in der 2.Navigation, der Unterstrich beim Mausover effekt der links, die Schriftfarbe beim Highlighten der 1.Navigation, die Schriftfarbe der Fusszeile ..... bla bla bla
    Gelb ist die Schriftfarbe der 1.Navigation, der Hintergrund der Contenttabelle, der Rahmen der Tabelle in der 2.Navigation....usw.
    Du siehst das die Farben doch in vielen kleinen Elementen festgelegt werden müssen.
    Wenn ich mir jetzt überlege das mein Farblayout nicht mehr Blau - Gelb ist sonder Grün - Rot sein soll muss ich ja alle Element suchen in denen die Farbe Blau eingetragen ist sie mit der Farbe Grün austauschen.
    Es wäre doch viel einfacher wenn ich an einer bestimmten stelle definiere, dass 1 = Blau und 2=Gelb ist, dann kann ich bei einem Farbwechsel einfach die Definition in 1=Grün und 2=Rot ist.
    Ich hoffe das ist jetzt verständlich.
    Gruß
    Mario

  • du scheinst das prinzip nicht verstanden zu haben du weist doch wie man style sheets zentran definiert oder ?
    also im head :


    wertvolle lektüre über css und html http://de.selfhtml.org

  • Hi,
    ich poste hier mal eine alte css von mir.
    wie gesagt ne alte css, mitlerweile sind sie einwenig aufgeräumter und strukturierter.

    langes teil ich weiß warscheinlich auch nicht ganz so wie es ein Profie macht aber stell diir mal vor ich will jetzt die Farbe #FFCB11 in #EE22AC ändern. Was mach ich dann?

  • hi
    meine css dateien für typo3 sehen auch ein wenig anders aus. wie gesagt ist eine ziemlich alte css datei.
    php ist leider garnicht mein ding.
    Wie oben beschrieben ist mein suchen und ersetzen Befehl Strg+F finde ich aber nicht besoders kofortabel. deswegen bin ich ja auf der suche nach ner einfacheren variante. strg+f ist zwar gut und schön nervt aber nach ner weile wenn man viel ausprobieren will.

  • hier mal ei paar tipps :
    -du kannst mehrere klassen verleihen das heist du musst nicht in 5 klassen das selbe reinschreiben sondern kannst das mit einer klasse machen

    -du kannst natürlich auch klassen für farben verleihen und zwar genauso wie du es am anfang des treades wolltetst, vielleicht hab ich dein problem ja auch nicht richtig verstanden , aber das ist der sinn von css

    -du scheinst zum beispiel bestimmte ebenen zu haben du kannst also der ebene 1 die klasse ebene1 verleihen und so :

    Code
    .ebene1{was auch immer die ebene für eigenschaften haben soll;}
                .ebene1 a{so verleist du allen links innerhalb dieser ebene diese eigenschaft }

    für mehr ordnung sorgen
    http://de.selfhtml.org/ DA hab ich auch css gelernt der BESTE(!) Ort dafür

  • ups! War bei den letzten Antworten wohl auch nicht eingelogt.
    Ich denke das meine css dateien mitlerweile etwas sortierter aussehen.
    Trotz aller Ordnung, muss ich aber wenn ich die Farben ädern will die ganze css Datei durchsuchen und schritt für schritt die Farben ändern.

    Meine Frage ist:
    Ist es möglich eine css Datei so aufzubauen das man an nur einer stelle alle Farben verteilen verwalten kann?