Oxid 4.6.2 Farbe von Boxen und Buttons ändern

Deutsches Forum
21

Hallo, darf ich mich hier einmischen? :wink:

Ich lese immer wieder, es wäre einfacher ohne Farbverlauf. Aber wie müsste das denn dann genau aussehen? (Testweise habe ich zwar schon einen Farbverlauf in einer anderen Farbe hingekriegt, aber mit den ganzen unterschiedlichen Browsern ist mir das für’s erste zu kompliziert).

Gebe ich dann einfach einmal die Farbe an, und fertig? Z.B. dieser Block:

 .specBox h3{
    background: #389cb4 url(../bg/svg/grad_blue.svg);
    background: -moz-linear-gradient(#adefff, #389cb4, #18778e);
    background: -ms-linear-gradient(#defff, #389cb4, #18778e);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #adefff), color-stop(50%, #389cb4), color-stop(100%, #18778e));
    background: -webkit-linear-gradient(#adefff, #389cb4, #18778e);
    background: -o-linear-gradient(#adefff, #389cb4, #18778e);
    background: linear-gradient(#adefff, #389cb4, #18778e);
}

Wie müsste ich den abändern, was kann/darf/soll ich alles weglassen, damit einheitlich (und möglichst in allen Browsern) eine andere Farbe erscheint? Mit der Forensuche finde ich immer nur Ratschläge, DASS es einfacher ist, aber nicht, WIE man es konkret umsetzt… :confused:

Danke schon mal!
Viele Grüße,
Tanja

22

Hallo Tanja,

So sähe das mit nur einer einzigen Farbe ohne Verlauf aus:

.specBox h3{
    background: #389cb4
}
23

Na sowas. Kaum gefragt, und schon eine Antwort, vielen Dank!
Etwas in die Richtung hatte ich zwar schon vermutet (war aber zu feige, es einfach auszuprobieren…). Und ist das echt alles, oder müssen dann noch andere Dateien angepasst werden (svg oder so)? - Ja, ich weiß, einfach ausprobieren…!

Ich hab’ nur das Problem, dass meine bisherigen Änderungen zwar überall erscheinen, aber nicht im IE9: der graue Hintergrund in den Boxen ist dort immer noch grau. Damit kann ich ja zur Not erstmal leben, aber die sonstigen Farben sollten nach Möglichkeit doch für alle potenziellen Kunden gleich aussehen.

24

Wenn du keinen Farbverlauf machst, so wie in meinem Beispiel, sieht das in jedem Browser gleich aus.

Der Farbverlauf - css ist deshalb so riesig, weil er für verschiedene Browser eine Extrawurst beinhaltet.
Es gibt aber Farbverlauf-Generatoren, die erzeugen dir den fertigen css für alle Browser. Einfach mal danach googeln.

25

Ah, ok. Danke für den heißen Tip, das klingt cool. :cool:
Ich werd’s jetzt erstmal ohne Verlauf testen und ansonsten Google bemühen…

26

ich glaub da fehlt bei zeile 326 ein “a” innerhalb der ersten farbangabe, möchte mich aber nicht endgültig festlegen :slight_smile: