+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Header Hintergrundfarbe in zweifarbig Blau/Gelb ändern (/thread-38184.html)
Header Hintergrundfarbe in zweifarbig Blau/Gelb ändern - anso - 01.03.2022
Ich bitte um Hilfe, ich möchte bei unserer Seite: https://radio-bastler.de/ den Hintergrund im Header hinter dem Bild zweifarbig gestalten, in Blau/Gelb.
Kann mir jemand sagen ob und wo das geht?
RE: Header Hintergrundfarbe in zweifarbig Blau/Gelb ändern - Schnapsnase - 01.03.2022
Aktuell hast du in deiner color_water.css das Background-Image wie folgt hinterlegt:
Code:
#logo {
background:#1e6365 url(../../../images/colors/water_header.png) top left repeat-x;
border-bottom:1px solid #133f41
}Hier kannst du dir ein neues Image als Background hinterlegen.
RE: Header Hintergrundfarbe in zweifarbig Blau/Gelb ändern - SvePu - 01.03.2022
Alternativ kannst du dir den Hintergrund des #logo auch rein via CSS definieren.
Code:
#logo {
background: rgb(255,213,0);
background: linear-gradient(0deg, rgba(255,213,0,1) 50%, rgba(0,91,187,1) 50%);
}RE: Header Hintergrundfarbe in zweifarbig Blau/Gelb ändern - Schnapsnase - 01.03.2022
(01.03.2022, 11:38)SvePu schrieb: Alternativ kannst du dir den Hintergrund des #logo auch rein via CSS definieren.
Hi Sven,
wofür eigentlich diese Zeile:
Code:
background: rgb(255,213,0);Hast du ja eine Zeile tiefer bereits als Teil des Gradienten definiert, dürfte also überflüssig oder allenfalls ein Fallback sein.
RE: Header Hintergrundfarbe in zweifarbig Blau/Gelb ändern - SvePu - 01.03.2022
@Schnapsnase
Ja, das ist das Fallback, falls der Browser "linear-gradient" nicht unterstützt.
RE: Header Hintergrundfarbe in zweifarbig Blau/Gelb ändern - anso - 01.03.2022
Super, Danke ...
hat geklappt auf der Testinstallation.
Jetzt müssen dem intern nur noch alle zustimmen.
Danke auch an SvePu, aber da merke ich mal wieder was ich hier alles nicht verstehe.
Das kann ich leider nicht umsetzten, aber ich habe ja eine Lösung.
Nach etwas überlegen, zu Copy & Paste reicht es ja bei mir schon noch.
Nun habe ich deine Version auch getestet.
Es funktioniert auch, ohne ein Bild zu erstellen und sogar in den richtigen Farben.
Danke nochmals ..
RE: Header Hintergrundfarbe in zweifarbig Blau/Gelb ändern - Schnapsnase - 01.03.2022
(01.03.2022, 13:29)anso schrieb: Es funktioniert auch, ohne ein Bild zu erstellen und sogar in den richtigen Farben.
Danke nochmals ..
Das ist vollkommen korrekt und ist immer abhängig davon, was du gern haben möchtest.
Mit einem Bild ist man eben vom Design her etwas flexibler.
Man muss eben abwägen, was man letztlich darstellen möchte.
Wenn es sich lediglich um einen Farbverlauf handelt, muss das natürlich kein Bild sein.