Farben anpassen (Hintergrund bei Registrierung sowie Topics)

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
praesnceal
Mitglied
Beiträge: 25
Registriert: 23.12.2007 20:17
Kontaktdaten:

Farben anpassen (Hintergrund bei Registrierung sowie Topics)

Beitrag von praesnceal »

Hallo zusammen.
Ich möchte gerne folgende Farbtöne an meinem Board anpassen.
[ externes Bild ]
Bei der Registrierung den blauen Hintergrund Farbton und im Board
[ externes Bild ]
den Hintergrundfarbton des Topics sowie bei mouseover den Hintergrundfarbton.

Bis jetzt habe ich, wie ich finde, immer sehr umständlich die Farben über die colours.css des Styles geändert.
1. Screenshot des Boards
2. Über n Grafikprogramm den RGB-Wert des Farbtons ausgeben lassen welchen ich ändern will.
3. Konvertierung mittels Webtool des RGB-Werts in HEX
4. Suche des HEX-Farbwerts in colours.css
5. Ändern in neuen Farbwert.

Gibts da ne effizientere Methode als so vorzugehen?

lg rené
JFooty
Ehemaliges Teammitglied
Beiträge: 1868
Registriert: 02.10.2007 11:46

Re: Farben anpassen (Hintergrund bei Registrierung sowie Topics)

Beitrag von JFooty »

Hallo praesnceal!

Zum ersten Problem:
Finde in der colours.css:

Code: Alles auswählen

.panel {
	background-color: #ECF1F3;
	color: #28313F;
}
Passe dort die Hintergrundfarbe an. Das zeigt aber auch in anderen Bereichen Wirkung.

Zum zweiten Problem:
Finde in der colours.css

Code: Alles auswählen

ul.forums {
	background-color: #eef5f9;
	background-image: url("{T_THEME_PATH}/images/gradient.gif");
}
Hier kannst du den Hintergrund der Liste der Foren in der Forenübersicht anpassen.
Finde in der colours.css:

Code: Alles auswählen

li.row:hover {
	background-color: #F6F4D0;
}
Das ist für die Hover-Farbe zuständig.
praesnceal hat geschrieben:Bis jetzt habe ich, wie ich finde, immer sehr umständlich die Farben über die colours.css des Styles geändert.
1. Screenshot des Boards
2. Über n Grafikprogramm den RGB-Wert des Farbtons ausgeben lassen welchen ich ändern will.
3. Konvertierung mittels Webtool des RGB-Werts in HEX
4. Suche des HEX-Farbwerts in colours.css
5. Ändern in neuen Farbwert.
Das kann man wohl sagen. Schritt 1 bis 3 habe ich noch nie durchgeführt. :D
Installier dir firebug für den Feuerfuchs. Damit bekommst du gleich die entsprechenden HEX-Farbwerte und den zuständigen css-Selektor in deinen css-Dateien angezeigt. Damit sparst du dir das umständliche Umwandeln des zu suchenden Farbwertes und etwas von der Sucharbeit.
Kein Support per PN!
praesnceal
Mitglied
Beiträge: 25
Registriert: 23.12.2007 20:17
Kontaktdaten:

Re: Farben anpassen (Hintergrund bei Registrierung sowie Topics)

Beitrag von praesnceal »

Ja super... dann waren die Werte doch in der colours.css. Besten Dank JFooty. Den Firebug werde ich mal untere Lupe nehmen. Konnte mir auch net vorstellen dass das so läuft ;).

lg rené
McDti
Mitglied
Beiträge: 1
Registriert: 28.11.2011 12:42

Re: Farben anpassen (Hintergrund bei Registrierung sowie Top

Beitrag von McDti »

Hallo,

eigentlich sollte mir dieser Thread geholfen haben - hat jedoch nicht.

Code: Alles auswählen

ul.forums {
	background-color: #FFF; 
}

ul.topiclist li {
	color: #4C5D77;
}

ul.topiclist dd {
	border-left-color: #FFFFFF;
}

.rtl ul.topiclist dd {
	border-right-color: #fff;
	border-left-color: transparent;
}

ul.topiclist li.row dt a.subforum.read {
	background-image: url("{IMG_SUBFORUM_READ_SRC}");
}

ul.topiclist li.row dt a.subforum.unread {
	background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
}

li.row {
	border-top-color:  #FFFFFF;
	border-bottom-color: #00608F;
	border-right-color: #000;
	border-left-color: #000;
	background-color: #FFFFFF;
}

li.row strong {
	color: #000000;
	background-color: #FFFFFF;
}

li.row:hover {
	background-color: #c5d7df;
führt leider nur zu folgendem Ergebnis
[ externes Bild ]

Der Style heißt "Christmas-Dream v1" und basiert auf Prosilver.

Jemand noch ne Idee wo ich dem Fehler auf die Spur komme? Foren werden richtig dargestellt, nur die Topics im eigentlichen Forum ertrinken im rot.

Danke schonmal!
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“