Postdetails und Postbody unterschiedlicher Hintergrund

[Terence]

Hallo,

benutze den Style Black Pearl und würde gerne den Hintergrund der Postdetails und des Postbodys in unterschiedlichen Farben. Wie stelle ich das an?
Mit firebug kann ich zwar den Hintergrund ändern, allerdings immer nur beider in der gleichen Farbe...

[Crizzo]

Hi,

dann gib dem einen von beiden eine andere Klasse und gib ihnen dann die Farbe, die du willst.


Grüße
Blackhawk

[Terence]

Hi, ok danke schonmal für die Antwort. Ich bin absoluter Informatik Grünschnabel, also wüsste ich gar nicht in welcher Datei ic das machen müsste und wie. Ich denke mal das aufteilen, bzw zuweisen einer id oder class mache ich nicht im stylesheet oder?
Aber wie gesagt, ich hab absolut keine ahnung und bräuchte einen fertigen code + kopiere das da hin oder ersetzte xyz damit.

Mir ist gerade nochmal aufgefallen, dass die hintergrundfarbe im row-post-body bestimmt wird und den muss ich dann ja anscheinend aufteilen. Wie und wo mach ich das jetzt genau.

Mir fehlt leider das Grundwissen um zu verstehen wo ich die id oder class zuweise, ansonsten verstehe ich schon wie das mit den id/classes gemeint ist. Also wäre wie gesagt eine Schritt für Schritt Anleitung wirklich hilfreich, sry

Edit: Noch ein Problem, finde selbst mit firebug nicht wie, bzw wo ich den Hintergrund bei PMs ändern kann

[Crizzo]

Hi,

ändern musst du ein wenig in dieser Datei: styles\prosilver\template\viewtopic_body.html

Da findest du dann dieses Div:

Code: Alles auswählen

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF -->">
	

Da sich die Div, Dl, Ul-Elemente die das den Beitrag darstellen nicht wie eine Tabelle verhalten, kannst du nicht einfach <div class="postbody"> und <dl class="postprofile" id="profile{postrow.POST_ID}"> einen Hintergrund deiner Wahl geben, wenn es gleichmäßig aussehen soll, sprich beide Hintergründe bis unten an die Kante.

Falls doch, öffne die colours.css und ergänze dies ganz unten:
SUCHE nach diesem hier:

Code: Alles auswählen

.postbody {
	color: #000000;
}

und ergänze nach dem ; ein background-color:#FFFFFF;, sowie bei dem

Code: Alles auswählen

.postprofile {
	color: #666666;
	border-left-color: #FFFFFF;
}

auch ein background-color:#FFFFFF;.

Wenn es gleichmäßig sein soll, dann musst du auf .post (das oben schon erwähnte Div-Element) die Faux Columns -Technik anwenden.

[Terence]

Danke für die schnelle Antwort, finde dieses Div nicht. benutze aber wie gesagt den style black pearl, der basiert glaube auf dem pro silver 2 oder so ähnlich

[Crizzo]

Gibt nur prosilver oder subsilver2. Bei subsilver2 ist das noch mit Tabellen gemacht, gib mal einen Link zum Forum, dann kann ich mal schauen.

[Terence]

genau, subsilver.

http://badcompany.bplaced.net/phpBB3/index.php

[Crizzo]

Pack mal deine viewtopic_body.html in die PasteBin.

[Terence]

hab den code reinkopiert und abgesendet, ka ob ich das richtig gemacht habe und wo der jetzt ist

[Crizzo]

Da ist sie: https://www.phpbb.de/support/pastebin.p ... view&s=891

Edit:
Du hast folgende Stelle zweimal in deinem Quellcode:

Code: Alles auswählen

<td class="row-post-body" valign="top">

Die ersetzt du jetzt einmal (Zeile 157) mit dieser Zeile:

Code: Alles auswählen

<td class="row-post-body profilbg" valign="top">

und in Zeile 192 mit dieser:

Code: Alles auswählen

<td class="row-post-body postbg" valign="top">

Jetzt öffnest du die stylesheet.css und ergänzt ganz am Ende folgenden Code:

Code: Alles auswählen

/* Hintergrundfarbe für Profil-Details im Beitrag */
.profilbg {
background-color: #FF0000;
}
/* Hintergrundfarbe für den Beitrag bei Forenbeiträgen */
.postbg {
background-color: #0000FF;
}

#FFFFFF kannst du natürlich durch jede beliebige Farbe ersetzen. Nach dem du die Änderungen gespeichert, die neue viewtopic_body.html und stylesheet.css hochgeladen hast, musst du dein Theme und Template aktualisieren und eventuell im Broswer den Cache leeren, sprich Firefox: STRG + F5 drücken, während du im Forum bist.