Seite 1 von 2
einzellne Foren mit css ansteuern
Verfasst: 08.12.2011 01:13
von Alexander941
Ist es möglich das aussehen einzellner Foren, also in der Kategorie, zu verändern?
Ich möchte zb einen Hintergrund in blau, den anderen in grün etc. halten (ich möchte nicht den kompletten Style ändern sondern die Farbe/font etc. auf der index-seite, und zwar unabhängig von anderen foren die dort ebenfalls dargestellt werden).
Haben die im APC selbsterstellten Foren eine "Markierung" mit deren hilfe ich sie mit css verändern kann, und wenn ja wo finde ich diese?
Re: einzellne Foren mit css ansteuern
Verfasst: 08.12.2011 16:28
von modernist
Es gibt die Abfrage der Forums-ID:
<!-- IF FORUM_ID eq '5' -->...<!-- ENDIF -->
Das könntest du im passenden DIV-Container einbauen:
<div class="klasse1 <!-- IF FORUM_ID eq '5' -->farbeforum5<!-- ENDIF -->">...</div>
Hängt davon ab, was du wo genau ändern willst. Je mehr individuelle Änderungen pro Forum, desto umfangreicher wird's.
Re: einzellne Foren mit css ansteuern
Verfasst: 09.12.2011 15:58
von Alexander941
Wie bekomme ich die ID der einzellnen Foren heraus?
Re: einzellne Foren mit css ansteuern
Verfasst: 09.12.2011 16:03
von modernist
Das ist die Zahl hinter f= in der URL, hier z.B. 89.
Re: einzellne Foren mit css ansteuern
Verfasst: 13.12.2011 01:42
von Alexander941
habe die forumlist_body.html damit bearbeitet aber es tut sich nichts in diese richtung, andernorts können damit einzellne Forenseiten, also die Seiten der Unterforen angesteuert werden, aber das will ich nicht.
Vielleicht habe ich mich zu umständlich ausgedrückt, ich will, wenn auf der index-seite die einzellnen foren in den kategorien übereinanderstehen, das diese eine unterschiedliche farbe haben, damit könnte man dann ja so etwas wie einen "regenbogen" basteln.
Das ist für mich in dieser form eher ungewohnt da die elemente die ich mit html und css bearbeiten will ja nicht direkt im code stehen mit dem ich arbeite, und mein php ist nicht so gut.
Wo fällt diese unter html auskommentierte IF- Abfrage eigentlich code-technisch drunter?
Re: einzellne Foren mit css ansteuern
Verfasst: 13.12.2011 09:50
von modernist
Ach so, du wolltest eine Änderung auf der index.php, sag das doch gleich.
Aber auch das geht mit einer kleinen Ergänzung!
In der forumlist_body.html suche
Code: Alles auswählen
<!-- IF not forumrow.S_IS_CAT -->
<li class="row">
<dl class="icon" style="background-image: url({forumrow.FORUM_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
<dt title="{forumrow.FORUM_FOLDER_IMG_ALT}">
Hier ergänzt du nun an passender Stelle <!-- IF forumrow.FORUM_ID eq '5' -->background-color: #FED915;"<!-- ENDIF -->:
Code: Alles auswählen
<!-- IF not forumrow.S_IS_CAT -->
<li class="row">
<dl class="icon" style="background-image: url({forumrow.FORUM_FOLDER_IMG_SRC}); background-repeat: no-repeat;<!-- IF forumrow.FORUM_ID eq '5 -->background-color: #FED915;"<!-- ENDIF -->">
<dt title="{forumrow.FORUM_FOLDER_IMG_ALT}">
Alternativ geht auch
Code: Alles auswählen
<!-- IF not forumrow.S_IS_CAT -->
<li class="row" <!-- IF forumrow.FORUM_ID eq '5' -->style="background-color: #FED915;"<!-- ENDIF -->>
Bzw. es ist wohl besser, du definierst einfach passende Klassen und ergänzt dann:
Code: Alles auswählen
<!-- IF not forumrow.S_IS_CAT -->
<li class="row <!-- IF forumrow.FORUM_ID eq '5' -->farbklasse5<!-- ENDIF -->">
Das musst du aber nun für jede Forums-ID machen, damit du den gewünschten Effekt erhälst, das kann bei vielen Foren dann aber leicht unübersichtlich werden, weshalb sich da eine andere, elegantere Lösung anbietet.
Im CSS legst du Klassen nach dem Muster .farbe1 .farbe2 .farbe3 etc an und in der forumlist_body.html ergänzt du dann nur
Code: Alles auswählen
<!-- IF not forumrow.S_IS_CAT -->
<li class="row farbe{forumrow.FORUM_ID}">
Re: einzellne Foren mit css ansteuern
Verfasst: 13.12.2011 10:24
von Miriam
Das scheint aber nur zu funktionieren, wenn die Farbklassen nach der Klasse row im CSS deklariert wurde. Ansonsten wird die Farbe nach dem Farbcode der Klasse row ausgegeben.
das ->
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
.row {font-weight:bold; background-color: Chocolate;}
.farbe1 {background-color: red;}
.farbe2 {background-color: green;}
.farbe3 {background-color: blue;}
</style>
</head>
<body>
<div class="row farbe1">test</div>
<div class="row farbe2">test</div>
<div class="row farbe3">test</div>
</body>
</html>
und das ->
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
.farbe1 {background-color: red;}
.farbe2 {background-color: green;}
.farbe3 {background-color: blue;}
.row {font-weight:bold; background-color: Chocolate;}
</style>
</head>
<body>
<div class="row farbe1">test</div>
<div class="row farbe2">test</div>
<div class="row farbe3">test</div>
</body>
</html>
gibt nicht denselben Output.

Die Hintergrundfarbe wird überschrieben, wenn in beiden Klassen Hintergrundfarbe deklariert wurde
Re: einzellne Foren mit css ansteuern
Verfasst: 13.12.2011 10:38
von modernist
Ich schrieb ja auch im CSS, damit ist natürlich das Stylesheet (colours.css bietet sich ob des Namens an) gemeint.
Und bei mir ist es da völlig egal, ob das nun am Anfang oder Ende des Stylesheet steht.
Re: einzellne Foren mit css ansteuern
Verfasst: 15.12.2011 02:52
von Alexander941
Verzeiht wenn ich nochmals lässtig bin und als Anfänger nachbohre, aber was für ein code ist das?
Html kann so etwas nicht, PhP ist es auch nicht, und soweit ich erkennen kann ist es auch kein java script.
Re: einzellne Foren mit css ansteuern
Verfasst: 15.12.2011 09:37
von Miriam