[3.3] Farbe um Site Logo soll weiß sein

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.3, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich sowie die URL vom betroffenen Forum.
Antworten
Titanic
Mitglied
Beiträge: 296
Registriert: 24.11.2012 18:15
Kontaktdaten:

[3.3] Farbe um Site Logo soll weiß sein

Beitrag von Titanic »

Möchte gerne um mein Logo im Header die Farbe Blau in Weiß haben.Wo kann ich es ändern?
Verschoben von Support-Forum nach Styles, Templates und Grafiken am 03.06.2024 18:26 durch Kirk

Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 7927
Registriert: 24.05.2010 08:31
Kontaktdaten:

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

Beitrag 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
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 4950
Registriert: 08.06.2009 12:03
Kontaktdaten:

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

Beitrag 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;
Beste Grüße
phpBB3 Designs: Stylearea Ongray-Designs
Titanic
Mitglied
Beiträge: 296
Registriert: 24.11.2012 18:15
Kontaktdaten:

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

Beitrag von Titanic »

@Talk19zehn

Danke! Funktioniert bei mir einwandfrei.
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 4950
Registriert: 08.06.2009 12:03
Kontaktdaten:

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

Beitrag 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
Beste Grüße
phpBB3 Designs: Stylearea Ongray-Designs
Titanic
Mitglied
Beiträge: 296
Registriert: 24.11.2012 18:15
Kontaktdaten:

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

Beitrag von Titanic »

Der Inline-Code ist leider in meiner overall_header.html nicht zu finden.
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 7927
Registriert: 24.05.2010 08:31
Kontaktdaten:

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

Beitrag 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.
Antworten

Zurück zu „Styles, Templates und Grafiken“