Seite 2 von 5

Re: [3.3] Codeänderung in der forumlist_body.html

Verfasst: 25.08.2024 22:08
von eumelchen
Das important hat auch nichts gebracht, es hat nur den Titel im Kategorie-Rahmen entfernt, weil dann der Rahmen und die Schrift die gleiche Farbe hatten.

Ich habe mich vielleicht etwas missverständlich ausgedrückt.
Ich will bei den 4 Kategorien die Forenlinks in der Kategorie farblich ändern, und zwar in der gleichen Farbe wie der Rahmen der Kategorie (#990000).

Hier ein Bild [ externes Bild ]

Re: [3.3] Codeänderung in der forumlist_body.html

Verfasst: 25.08.2024 22:11
von chris1278
Versuch mal dies hier:

Code: Alles auswählen

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

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

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

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

a.forumtitle[href$="?f=130"] {
	color: red;
}
Ist jetzt aber mal ein schuss ins blaue.

Re: [3.3] Codeänderung in der forumlist_body.html

Verfasst: 25.08.2024 22:41
von IMC
Ersetze in den Vorschlag von Chris1278 das Dollarzeichen durch ein Asterisk, dann sollte es funktionieren.
Ersetze a.forumtitle[href$="?f=34"] durch a.forumtitle[href*="?f=34"]

Da bei den Links die SID an die URL angehängt wird funktioniert das Dollarzeichen nicht.

Re: [3.3] Codeänderung in der forumlist_body.html

Verfasst: 26.08.2024 09:28
von eumelchen
Der Vorschlag von chris1278 funktioniert nicht, mit der Änderung von IMC habe ich folgenden Effekt:
Nur in einer Kategorie von den vier hat nur ein Link die Farbe geändert.

Hier zu sehen [ externes Bild ]

Re: [3.3] Codeänderung in der forumlist_body.html

Verfasst: 26.08.2024 10:01
von chris1278
Dann versuchs mal so:

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;
}
WEnn so nicht dann versuchs zusätzlich mit dem !important

Re: [3.3] Codeänderung in der forumlist_body.html

Verfasst: 26.08.2024 10:29
von eumelchen
Ohne

Code: Alles auswählen

!important
passiert nichts, mit ändert sich nur die Farbe des Kategorie-Titels.

Siehe Bild [ externes Bild ]

Re: [3.3] Codeänderung in der forumlist_body.html

Verfasst: 26.08.2024 15:11
von IMC
Vielleicht hilft dir dies um es hin zu bekommen.
https://raw.githubusercontent.com/IMC-G ... -forum.png

Re: [3.3] Codeänderung in der forumlist_body.html

Verfasst: 26.08.2024 15:53
von eumelchen
Wenn ich es richtig verstanden habe, muss der Code in die links.css.

Das habe ich gemacht.

Leider ist der Effekt wie schon einmal gehabt. Nur ein Link in einer Kategorie hat die Farbe geändert.
Bild: [ externes Bild ]

Re: [3.3] Codeänderung in der forumlist_body.html

Verfasst: 26.08.2024 16:08
von chris1278
Nein du kannst den code auch in eine Eigene CSS datei tun uind die laden. Das Wäre eh ratsam.

MAch die änderung in einer eigenen css datei mit namen coustom.css (name egal kannst du nennen wie du magst).

Dann öffne

...\styles\xxx\theme\stylesheet.css = xxx durch verzeichnis style erstzen

füge dann zum schlus das hier zu:

Code: Alles auswählen

@import url("coustom.css?hash=12345678");


Danach einfach den Foren und Browser cache leeren und deine änderung sollten sofern funktionieren.

Re: [3.3] Codeänderung in der forumlist_body.html

Verfasst: 26.08.2024 16:34
von LukeWCS
eumelchen hat geschrieben: 25.08.2024 22:08 Ich habe mich vielleicht etwas missverständlich ausgedrückt.
Ich will bei den 4 Kategorien die Forenlinks in der Kategorie farblich ändern
Okay, dann hatte ich dich durchaus richtig verstanden, aber du hast meine und andere Lösungsansätze nicht richtig verstanden. ^^

Ich habe mich jetzt direkt bei dir umgeschaut: Du willst die Foren-Links umfärben, hast aber die IDs der Kategorien angegeben, also werden logischerweise auch die Kategorien adressiert und umgefärbt:

viewtopic.php?p=1428409#p1428409

Das sind exakt die IDs deiner Kategorien. Das zum einen. Zum anderen:
eumelchen hat geschrieben: 26.08.2024 15:53 Leider ist der Effekt wie schon einmal gehabt. Nur ein Link in einer Kategorie hat die Farbe geändert.
Ja, aus 2 Gründen: erstens weil du die Kategorie ID definiert hast und zweitens weil es durch das Selektor Muster von IMC (href*="?f=x") zu einer partiellen Übereinstimmung kommt. Du hast 36 als eine der IDs definiert und diese ID ist zufällig teilweise auch in der Foren ID 362 von "Diverses für Mitglieder & Gäste" enthalten. Um genau sowas zu vermeiden, hatte ich bewusst das Muster href$="?f=x" gewählt, weil es dann eben nicht zu einer partiellen Übereinstimmung kommen kann. Aber zu dem Zeitpunkt hatte ich noch gar nicht auf dem Schirm, dass im Foren-Frontend bei einem Foren-Link ja auch die SID enthalten sein kann, was IMC korrekt bemerkt hatte.

Um diese Probleme alle unter einen Hut zu kriegen und bei purem CSS bleiben zu können, müsste ein Block jetzt so aussehen:

Code: Alles auswählen

.topiclist a[href$="?f=x"],
.topiclist a[href*="?f=x&"] {
	color: #990000;
}
Um zum Beispiel die Forenlinks deiner Kategorie 34 (die erste) umzufärben, bräuchte man diese 3 Definitionen:

Code: Alles auswählen

.topiclist a[href$="?f=388"],
.topiclist a[href*="?f=388&"] {
	color: #990000;
}

.topiclist a[href$="?f=60"],
.topiclist a[href*="?f=60&"] {
	color: #990000;
}

.topiclist a[href$="?f=362"],
.topiclist a[href*="?f=362&"] {
	color: #990000;
}
Das heisst du bräuchtest insgesamt 16 solcher Definitionen, für jeden Forenlink einen. Da sind wir dann aber definitiv in der Abteilung "Umständlich & Ineffizient" gelandet. Ich hätte mir das besser gleich bei dir anschauen sollen, dann wäre ich auf die CSS Idee vermutlich nicht gekommen. :wink:

In dem Fall würde ich dann doch vorschlagen, in die Twig-Kiste zu greifen. Nach Abendessen geb ich dir die Infos wo was rein muss. Auf den ersten Blick sind das nur 2-3 Zeilen im HTML Template und dann hättest das auch gleich flexibel erweiterbar ohne mit Copy&Paste von Definitionen hantieren zu müssen.