[3.3] Farbe um Site Logo soll weiß sein

[Titanic]

Möchte gerne um mein Logo im Header die Farbe Blau in Weiß haben.Wo kann ich es ändern?

[Kirk]

Hallo. ausgehend von prosilver
Öffne: root/ styles/prosilver/theme/colours.css
Finde:

Code: Alles auswählen

.headerbar, .forumbg {
	background-color: #12A3EB;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%);
	background-repeat: repeat-x;
}

Ersetze es mit:

Code: Alles auswählen

.forumbg {
	background-color: #12A3EB;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%);
	background-repeat: repeat-x;
}

.headerbar {
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}

Bedenke das auch die Schriftfarbe für den Namen sowie Beschreibung des Boards geändert werden muss, denn weiß auf weiß sieht man schlecht.
Hier noch ein Tipp wie man sowas findet: Knowledge Base - Code des Styles finden und ändern

[Talk19zehn]

Hello, zur Zeit (Stand: 05.06.2024, 09:05) wird ein Inline-Code in der Klasse headerbar verwendet: nova-villa.de / style prosilver (phpBB-3.3.11)

Code: Alles auswählen

{
background-color: rgb(255, 255, 255);
background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 92px, rgb(255, 255, 255) 100%);
background-repeat: repeat-x;
}

Dieser Inline-Code wird beim navigieren dezent zeitverzögert geladen. Das hat zur Folge, dass das background-image (Farverlauf Original prosilver) beim navigieren kurzzeitig angezeigt wird. Ob dies dem Wunsch des OP entspricht, ist offen ....

Mein Vorschlag lautet (falls erwünscht), den Inline-Code zu entfernen und die o.g. Klasse headerbar folgendermaßen zu deklarieren:

Code: Alles auswählen

.headerbar {
	background-color: #FFFFFF;
	background-image: none;
	filter: none;
	background-repeat: repeat-x;
}

Nach der Bearbeitung bitte alle Caches clearen.


Edit: 05.06.2024, 11:10
Hinzugefügt: filter: none;

[Titanic]

@Talk19zehn

Danke! Funktioniert bei mir einwandfrei.

[Talk19zehn]

Danke für das Feedback. Wie ich sehe hast du versehentlich die Schriftfarbe color in Zeile 88 deiner colours.css (Klasse headerbar) noch nicht geändert und/oder entfernt. Bedenke bitte, dass Extensionen oftmals Standardklassen oder Standard-IDs verwenden und somit ein Text, wie Kirk bereits erwähnte, nicht lesbar ist: color: #FFFFFF (!) (Weiß auf Weiß (Klasse headerbar)).

Ein Vorschlag anstatt der *Zeile 88 könnte lauten, color direkt der Klasse headerbar hinzuzufügen. Zeile 88 ist sodann in Folge zu löschen .....
Die Klasse forumbg fehlt leider ganz und gar. Ich konnte sie deiner colours.css nicht finden. Siehe bitte auch Kirks Konstellation.

Code: Alles auswählen

.forumbg {
	background-color: #12A3EB;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%);
	background-repeat: repeat-x;
}

Code: Alles auswählen

.headerbar {
	background-color: #FFFFFF;
	background-image: none;
	filter: none;
	background-repeat: repeat-x;
	color: #333333;
}

Der Inline-Code

Code: Alles auswählen

style="background-color: rgb(255, 255, 255); background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 92px, rgb(255, 255, 255) 100%); background-repeat: repeat-x;"

ist in deiner overall_header.html -> ->

Code: Alles auswählen

<div class="headerbar" role="banner" [b]style="background-color: rgb(255, 255, 255); background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 92px, rgb(255, 255, 255) 100%); background-repeat: repeat-x;"[/b]>

noch immer vorhanden und dieser darf gelöscht werden ....

Grüße

[Titanic]

Der Inline-Code ist leider in meiner overall_header.html nicht zu finden.

[Kirk]

Wenn man sich die overall_header.html direkt ansieht, ist davon nichts zu finden. Aber im Entwicklertool sieht man es. Leere mal den Forencache.