Das sagt also die KI dazu:
(der Code steht hier weiter unten)
Damit kannst Du einen grafischen Override der Webseite (nur für Dich) machen, ohne das Du etwas an der Seite veränderst bzw ohne das Du da überhaupt Zugriff hast.
Schau mal, ob Du bei Deinem Browser (bei mir ist es der Brave Browser - Ein Google Chrome Derivat) die Erweiterung "Stylus" installieren kannst
(Damit kannst Du im Nachhinein Webseiten Stile überschreiben) - Wenn ja, installiere sie im Browser.
Rufe Stylus dann auf. Das sollte dann in etwa so aussehen:
Links oben schreibst Du dann rein (wie hier abgebildet):
www.gs-forum.com
Damit Stylus auch weiss, wo er das anwenden soll. Rechts kommt nun Dein eigener CSS Code rein
(Den habe ich grade von der KI generieren lassen)
Die macht praktisch alle fetten Beiträge (
grün) und wenn gelesen wieder in der normalen Farbe.
Die Farbe kannst Du natürlich ändern. Wenn der Code in Stylus gespeichert wurde, erscheint sogar ein winziges Farbefeld neben dem eingegebenen Farbcode
Das kann man hier auch erkennen - Das ist das kleine
grüne Quadrat in Zeile 7. Wenn Du darauf klickst, kannst Du die Farbe bequem ändern.
Hier der CSS Code den Du da reinkopieren musst:
CSS:
/* Nur auf gs-forum.com anwenden */
/* 1. Ungelesene Themen-Titel (Grün & Fett) */
.structItem.is-unread .structItem-title a {
color: #27ae60 !important; /* Ein kräftiges Grün */
font-weight: bold !important;
}
/* 2. Gelesene Themen (Originalfarbe) */
/* Wir setzen hier keine feste Farbe, damit das Forum
sein Standard-Design für gelesene Links nutzt. */
.structItem:not(.is-unread) .structItem-title a {
color: inherit;
font-weight: normal !important;
}
Wenn fertig, muss Du das noch speichern, damit sich Stylus Deine Einträge auch merkt
und so würde das dann bei mir aussehen (alle ungelesenen Beiträge sind grün), bis sie als gelesen markiert wurden und die grüne Farbe wieder verschwindet.
Kannst natürlich auch eine andere Farbe verwenden oder die Schrift vergrößern etc.
Die "Spielereien" gehen weiter....
Du könntest auch noch Deinen Namen hervorheben - Dann siehst Du schnell, wo Du überall kommentiert hast etc.
Hier ein Beispiel:
Das wäre dann der erweiterte Code dafür (einfach den alten Löschen und diesen hier einfügen):
CSS:
/* --- 1. UNGELESENE BEITRÄGE GRÜN & FETT --- */
.structItem.is-unread .structItem-title a {
color: #27ae60 !important;
font-weight: bold !important;
}
/* --- 2. GELESENE BEITRÄGE (Originalzustand) --- */
/* Wir entfernen die Fettung für alles, was NICHT ungelesen ist */
.structItem:not(.is-unread) .structItem-title a {
font-weight: normal !important;
}
/* --- 3. GS-DIRGI ROT MARKIEREN --- */
/* Ersetze 12345 durch die echte ID aus dem Profil-Link */
[data-user-id="1234"],
.username[data-user-id="1234"],
a[href*=".1234/"] {
color: #ff0000 !important;
font-weight: bold !important;
}
Überall wo hier im Code
1234 steht, musst Du es durch Deinen User (Namenscode) ersetzen. Diesen erfährst Du, indem Du zB mit der Maus über Deinen Name gehst. Dann erscheint unten zB am Bildschirmrand ein Link, wo Dein Name am Ende steht mit einer Zahl - Das ist Deine UserID
Das Spiel kann man natürlich so weitertreiben. Ich kann natürlich auch umgekehrt jene Kollegen markieren "die ich nicht so mag"
Lieber "Hydrantenfritz" (solltest Du das Lesen), Du bist hier nur ein Demonstrationsbeispiel - Bitte nicht persönlich nehmen
So würde dann der Code aussehen, einfach indem ich ihn durch die User ID - die ich auf die gleiche Weise von "hydrantenfritz" herausbekomme (in diesem Beispiel 567), ergänze.
CSS:
/* --- 1. UNGELESENE BEITRÄGE GRÜN & FETT --- */
.structItem.is-unread .structItem-title a {
color: #27ae60 !important;
font-weight: bold !important;
}
/* --- 2. GELESENE BEITRÄGE (Originalzustand) --- */
/* Wir entfernen die Fettung für alles, was NICHT ungelesen ist */
.structItem:not(.is-unread) .structItem-title a {
font-weight: normal !important;
}
/* --- 3. GS-DIRGI ROT MARKIEREN --- */
/* Ersetze 12345 durch die echte ID aus dem Profil-Link */
[data-user-id="1234"],
.username[data-user-id="1234"],
a[href*=".1234/"] {
color: #09ff00 !important;
font-weight: bold !important;
}
/* --- 3. GS-DIRGI ROT MARKIEREN --- */
/* Ersetze 12345 durch die echte ID aus dem Profil-Link */
[data-user-id="567"],
.username[data-user-id="567"],
a[href*=".567/"] {
color: #ff0000 !important;
font-weight: bold !important;
}
