[PhpBB2] Forum Farbe

[Gast]

Guten Abend lieben Team,
ich hoffe ihr habt einen schönen Dienstag gehabt.
Nun zu meiner Frage, ist es möglich die Forumfarbe Individuell anzupassen, z.b die Spalte Forum und Beiträge die selbe Farbe zu machen, sowie auch Themen und Neusten Beiträge nur in einer anderen Farbe. Ich möchte halt gerne damit erreichen, dass es sich nicht umstellt - wenn man mit der Maus drüber fährt. Ist komisch aus gedrückt, ich weiß.

Liebe Grüße

[Günther]

Hallo,

bitte setze noch das Offen-Icon.

Möglich ist das unter BB2 auf jeden Fall, da diese Spalten jeweils eigene Klassen besitzen. Du müsstest dir also nur mit Firebug die jeweilige Class heraussuchen, dann im CSS-Stylesheet eine Hintergrundfarbe im Normalzustand zuweisen und dasselbe auch noch mit dem Pseudoselektor :hover machen.
http://www.css4you.de/background-color.html
http://www.css4you.de/hover.html

Hilft dir das schon weiter?
Wenn du noch genauere Hilfe benötigst, dann nimm dein Forum bitte aus dem Wartungsmodus und markiere mir auf einem Screenshot, worum es dir konkret geht und welche Spalten du getrennt ansprechen möchtest.

Liebe Grüße
Günther

[Gast]

Ich werde mich gleich noch einmal hier melden, vielleicht bekomme ich es zunächst selbst hin.
dankeschön für die schnelle Antwort

[Günther]

Bitte.

Das Themenicon hast du aber noch vergessen.

Dass du die Farben grundsätzlich in der Farbenverwaltung verändern kannst, weißt du sicher bereits:


Wenn du dir die dortigen Farbwerte vergleichsweise mit Firebug ansiehst, wirst du feststellen, dass "Tabellenreihe Farbe 1" der Klasse "row1" entspricht, "Tabellenreihe Farbe 2" der Klasse "row2" usw.
Du wirst auch sehen, dass die Spalten "Forum" und "Neueste Beiträge" eine zweite Class "over" besitzen, über die eine veränderte Hintergrundfarbe beim Hovern zugewiesen wird. Das kannst du dann mit persönlichem CSS verändern. Bei BB2 hast du aber auch die Möglichkeit, die vorhandenen Klassen im Template zu verändern, d.h. du könntest die "over"-Klassen auch direkt daraus entfernen, wenn du den Hovereffekt entfernen möchtest.

Wie du siehst, gibt es sehr viele Möglichkeiten, um zum Ziel zu kommen.

[Gast]

Ich habe da jetzt mal rum hantiert, jedoch mache ich irgendwas falsch oder ich setzte etwas falsches davor. Hier ein Bildchen wie es aussehen sollte, jedoch ist das nur ein Beispiel.



Ich habe mein Forum aus der Bearbeitung herasu genommen, wenn du mal schauen möchtest.
Es gibt viele Varianten, ich sehe schon.. aber ich Persönlich würde die Template veränderung nehmen, aber sie ist glaubig auch nicht so leicht.

Themen Icon habe ich nun geändert

[Günther]

Du möchtest also zuerst mal den Hovereffekt entfernen?
Dazu gehst du in die Templates zu
AB -> Anzeige -> Templates -> Allgemeines -> index_box
und suchst dort folgende Stelle (unverändertes Template: Zeilen 43-75):

<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1_over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>
<td class="row3_over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
</tr>
<!-- END forumrow -->

Die rot markierten Bereiche entfernst du, sendest das Template ab und veröffentlichst es über einen Klick auf .

Dadurch ist der Hovereffekt nicht mehr vorhanden.
Anschließend kannst du in der Farbenverwaltung (in Kombination mit Firebug, dieses Tool kann ich dir nur empfehlen ) schon mal deine Wunschfarben festlegen.
Du wirst sehen, dass sich die Spalte mit den Themenicons und den Forentiteln dieselbe Class teilen, also auch gemeinsam eine Hintergrundfarbe erhalten. Dasselbe gilt für "Themen" und "Neueste Beiträge". Das lässt sich zwar zu einem schönen Design verbinden, wenn du damit aber nicht zufrieden bist, kannst du erneut ins Template eingreifen. Dazu müsstest du z.B. aus einem <td class="row3"... ein <td class="row4"... machen (neue Class zuweisen) und dann im CSS-Stylesheet eine Hintergrundfarbe für die Class .row4 erstellen.
Ich denke aber, dass Letzteres gar nicht unbedingt nötig ist. Die Möglichkeiten über die Farbverwaltung bieten dir bereits schöne Designmöglichkeiten, v.a. nachdem du den Hovereffekt entfernt hast.

[Gast]

Ich habe deine Anweisungen befolgt und auch so umgesetzt und ich muss sagen das es sehr schick aussieht, wenn ich die Farben dann noch anpasse.
Vielen lieben dank Günther, wünsche dir noch einen schönen Abend und danke nochmal für deine Mühe

[Günther]

Das freut mich, gerne.

Dir ebenfalls noch einen schönen Abend.
-done-