[3.3] Codeänderung in der forumlist_body.html

[eumelchen]

Hallo zusammen,

ich wusste nicht genau, was ich in der Adressteile eintragen sollte, es geht um Folgendes:

In meinem Forum möchte ich 4 Kategorien hervorheben.
Meine Idee ist, den Text der Links zu den Foren in den Kategorien in einer anderen Farbe anzuzeigen.
Den Rahmen der Kategorien farblich zu ändern habe ich schon geschafft, alle meine Versuche die Textfarbe zu ändern schlugen fehl.

Ich vermute das ich in der forumlist_body.html hier in dieser Zeile etwas ändern muss:

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

Ich habe aber keine Idee, wie die Änderung aussehen muss.
Meiner Meinung nach müsste über eine IF-Anfrage die Forum-IDs abgefragt werden um dann für diese Foren die Forennamen farblich zu ändern.
Aber wie muss der Code aussehen?

Eine Änderung der styles/template/forumlist_body.html ist kein Problem, ich benutze eine modifizierte Version von Prosilver die ich bei jedem phpBB-Update immer anpassen muss.

Hat jemand eine Idee, was ich wie ändern muss?

LG Rolf (eumelchen)

[LukeWCS]

nAbend

Hat mit dem regulären Support nichts zu tun, ist Style Sache, daher verschoben.

Eine Änderung der styles/template/forumlist_body.html ist kein Problem, ich benutze eine modifizierte Version von Prosilver die ich bei jedem phpBB-Update immer anpassen muss.

Sehr schön, macht alles viel einfacher.

Dazu gibts mehrere Möglichkeiten, eine hast du ja schon erwähnt nämlich if, also mit Twig. Aber für diese Aufgabe müssen wir gar nicht auf Twig zurückgreifen, das könnte man schon mit purem CSS lösen, denn da gibts die mächtigen CSS Selektoren mit denen man schon eine Menge machen kann.

Also was ist dir lieber, Template Sprache oder CSS?

[eumelchen]

Danke für die Antwort.

Was wäre denn die einfachere Lösung?

[LukeWCS]

Sowas darfst du einen Programmierer nicht fragen, für mich ist beides gleich einfach.

Aber ich zeige dir mal die CSS Variante, die ist eigentlich schön kompakt. Da du ein prosilver Klon hast, hast du auch die Datei colours.css. In der fügst du am Ende das hier ein:

Code: Alles auswählen

/* Forum colors
---------------------------------------- */

a[href$="?f=2"] {
	color: red;
}

a[href$="?f=3"] {
	color: green;
}

Ich denke damit müsstet du direkt klarkommen. Bei f=x musst du natürlich deine IDs nutzen und eben soviele a[href] Blöcke definieren, wie du brauchst.

[eumelchen]

Das hat leider nicht funktioniert.

Diesen Code habe ich in die colours.css eingesetzt:

Code: Alles auswählen

/* Topic colors
---------------------------------------- */

a[href$="?f=34"] {
	color: red;
}

a[href$="?f=35"] {
	color: red;
}

a[href$="?f=36"] {
	color: red;
}

a[href$="?f=130"] {
	color: red;
}

Foren- und Browser-Cache hatte gelüscht.

[chris1278]

ERst mal nutze bitte den BBCode für code und nicht für zitat.

Desweiteren hast du auch bei den angaben:

a[href$="?f=34"] { die zahl bei dem f angepasst also das hier:

a[href$="?f=34"] {

Die musst du natürlich individuell aanpassen.

[eumelchen]

Die Zahlen 34, 35, 36 und 130 sind die originalen Foren-IDs (Kategorien) aus meinem Forum.

Nur zur Info, kann eigentlich die Farbe auch als Hex-Code angegeben werden, also z.B. #990000 ?

[chris1278]

Ja so wird es eigentlich gemacht.

[IMC]

Probiere es mal in dieser Art.

Code: Alles auswählen

.forabg .header a[href*="?f=1"] {
  color: blue !important;
}

Ergänzender Informationen zu den Selector findest du unter den folgenden Link.
https://www.w3schools.com/cssref/css_selectors.php

Nur zur Info, kann eigentlich die Farbe auch als Hex-Code angegeben werden, also z.B. #990000 ?

Ja

[LukeWCS]

Die Zahlen 34, 35, 36 und 130 sind die originalen Foren-IDs (Kategorien) aus meinem Forum.

Moment, sind es jetzt Foren oder Kategorien die umgefärbt werden sollen? Im Startbeitrag hast du geschrieben:

Meine Idee ist, den Text der Links zu den Foren in den Kategorien in einer anderen Farbe anzuzeigen.

Und das heisst für mich Foren sind gemeint. Wenn du aber tatsächlich Kategorien meinst, muss mein Code nicht zwingend funktionieren, weil dafür dann schon wieder anderes CSS zuständig ist und der Code anders lauten muss.

Dann versuch es mit !important wie von IMC gezeigt.

edit: die geänderte Variante von IMC ist eh besser, weil die URL dann auch die SID enthalten darf. Das habe ich nicht berücksichtigt.