Seite 1 von 3

[3.3] Farbe um Site Logo soll weiß sein

Verfasst: 03.06.2024 18:12
von Titanic
Möchte gerne um mein Logo im Header die Farbe Blau in Weiß haben.Wo kann ich es ändern?

Re: [3.3] Farbe um Site Logo soll weiß sein

Verfasst: 03.06.2024 18:34
von 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

Re: [3.3] Farbe um Site Logo soll weiß sein

Verfasst: 05.06.2024 09:11
von 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 .... :wink:

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;

Re: [3.3] Farbe um Site Logo soll weiß sein

Verfasst: 06.06.2024 17:55
von Titanic
@Talk19zehn

Danke! Funktioniert bei mir einwandfrei.

Re: [3.3] Farbe um Site Logo soll weiß sein

Verfasst: 07.06.2024 08:10
von 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 .... :wink:

Grüße

Re: [3.3] Farbe um Site Logo soll weiß sein

Verfasst: 07.06.2024 17:52
von Titanic
Der Inline-Code ist leider in meiner overall_header.html nicht zu finden.

Re: [3.3] Farbe um Site Logo soll weiß sein

Verfasst: 08.06.2024 08:27
von 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.

Re: [3.3] Farbe um Site Logo soll weiß sein

Verfasst: 11.02.2025 17:35
von Titanic
Hallo!

Wie kann ich es mit dem Style Prosilver Special Edition (3.3.14) hinbekommen?

Danke im voraus.

PS: Download des Styles:
https://www.phpbb.com/customise/db/styl ... l_edition/

Re: [3.3] Farbe um Site Logo soll weiß sein

Verfasst: 11.02.2025 18:40
von Kirk
In der stylesheet.css bei .headerbar

Re: [3.3] Farbe um Site Logo soll weiß sein

Verfasst: 11.02.2025 19:54
von Titanic
Danke dir.