[PhpBB2] Forum Farbe

von Gast Di 6 Nov 2012 - 20:30

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

von Günther Di 6 Nov 2012 - 20:46

Hallo,

bitte setze noch das Offen-Icon. Wink

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

von Gast Di 6 Nov 2012 - 20:48

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

von Günther Di 6 Nov 2012 - 20:56

Bitte.

Das Themenicon hast du aber noch vergessen. Wink

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. Smile

von Gast Di 6 Nov 2012 - 21:01

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.

[PhpBB2] Forum Farbe Gaaa10

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 Wink

von Günther Di 6 Nov 2012 - 21:16

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):

<tr>

<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>

<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">

<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> 

</h{catrow.forumrow.LEVEL}>
{catrow.forumrow.FORUM_DESC}


{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

</td>
<td class="row3" align="center" valign="middle" height="50">
{catrow.forumrow.TOPICS}
</td>
<td class="row2" align="center" valign="middle" height="50">
{catrow.forumrow.POSTS}
</td>
<td class="row3_over" align="center" valign="middle" height="50">
{catrow.forumrow.LAST_POST}
</td>
</tr>

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

.

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 Wink

) 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.

von Gast Di 6 Nov 2012 - 21:33

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 Rose

von Günther Di 6 Nov 2012 - 21:37

Das freut mich, gerne. Smile

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

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

[PhpBB2] Forum Farbe

[PhpBB2] Forum Farbe

Re: [PhpBB2] Forum Farbe

Re: [PhpBB2] Forum Farbe

Re: [PhpBB2] Forum Farbe

Re: [PhpBB2] Forum Farbe

Re: [PhpBB2] Forum Farbe

Re: [PhpBB2] Forum Farbe

Re: [PhpBB2] Forum Farbe