Seite 1 von 3
Postdetails und Postbody unterschiedlicher Hintergrund
Verfasst: 01.12.2011 10:54
von 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...
Re: Postdetails und Postbody unterschiedlicher Hintergrund
Verfasst: 01.12.2011 14:16
von Crizzo
Hi,
dann gib dem einen von beiden eine andere
Klasse und
gib ihnen dann die
Farbe, die du willst.
Grüße
Blackhawk
Re: Postdetails und Postbody unterschiedlicher Hintergrund
Verfasst: 01.12.2011 18:08
von 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
Re: Postdetails und Postbody unterschiedlicher Hintergrund
Verfasst: 01.12.2011 18:38
von 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:
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.
Re: Postdetails und Postbody unterschiedlicher Hintergrund
Verfasst: 01.12.2011 18:51
von 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
Re: Postdetails und Postbody unterschiedlicher Hintergrund
Verfasst: 01.12.2011 18:53
von 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.
Re: Postdetails und Postbody unterschiedlicher Hintergrund
Verfasst: 01.12.2011 18:56
von Terence
Re: Postdetails und Postbody unterschiedlicher Hintergrund
Verfasst: 01.12.2011 19:01
von Crizzo
Pack mal deine
viewtopic_body.html in die
PasteBin.
Re: Postdetails und Postbody unterschiedlicher Hintergrund
Verfasst: 01.12.2011 19:06
von Terence
hab den code reinkopiert und abgesendet, ka ob ich das richtig gemacht habe und wo der jetzt ist
Re: Postdetails und Postbody unterschiedlicher Hintergrund
Verfasst: 01.12.2011 19:25
von Crizzo
Da ist sie:
https://www.phpbb.de/support/pastebin.p ... view&s=891
Edit:
Du hast folgende Stelle zweimal in deinem Quellcode:
Die ersetzt du jetzt einmal (Zeile 157) mit dieser Zeile:
und in Zeile 192 mit dieser:
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.