ich hatte ja schon mal irgendwo bemerkt, dass mich die Bewertung der Kommentare latent nervt. Das mag esoterisch klingen, aber irgendwie erzeugt das eine negative Grundstimmung. Außerdem empfand ich das Ausblenden ab einer bestimmten negativen Punktzahl als sinnfrei, da ich aus Neugier sowieso immer wieder nachschaute, was denn da so schlechtes geschrieben wurde.
Aus dem Grunde hab ich mir das CSS des Kommentarbereichs mal geschnappt und etwas umgestaltet. Nun gibt es erstens keine Up-Down-Vote-Buttons mehr und negativ bewertet Kommentare werden nun nicht mehr ausgeblendet bzw. mit Opacity belegt.
Vielleicht gibt es ja den einen oder die andere, der oder die ähnlich denkt - und die folgenden CSS-Definitionen hilfreich findet:
Das ganze funktioniert mit Stylish, einem AddOn für Chrome, mit dem sich für beliebige Seiten beliebige CSS-Definitionen festlegen lassen.
Beide "Hacks" (20 Zeilen CSS.. Hack?!?) lassen sich getrennt nutzen, der Kommentarbereich muss auf folgende RegExe als Bereich "gemappt" werden:
.*winfuture.de\/news,.*
Für den Ticker ist es jene:
.*winfuture.de/news\/ticker\/.*
So sieht die Modifikation für den Kommentarbereich aus:
/* HIDE BORDERS */ div.komsys_b_c, div.komsys_h_c { display: none; } div.komsys_t, div.komsys_edit { border: none; } /* HIDE UP/DOWN VOTE BUTTONS */ div.komsys_h span.r { display: none; } /* MAKE SURE COMMENT TEXT STAYS B/W */ div.komsys_t { color: #000; background-color: #fff; } /* DE-COLORFY COMMENT HEADERS */ div.komsys_h, div.komsys_p1 .komsys_h, div.komsys_p2 .komsys_h, div.komsys_p3 .komsys_h, div.komsys_p4 .komsys_h { background-color: #ccc !important; } /* COLORFY USER DISCUSSIONS */ div.komsys_hlr .komsys_b_c, div.komsys_hlr .komsys_b_c .bl, div.komsys_hlr .komsys_b_c .br, div.komsys_hlr .komsys_h, div.komsys_hlr .komsys_h_c, div.komsys_hlf .komsys_b_c, div.komsys_hlf .komsys_b_c .bl, div.komsys_hlf .komsys_b_c .br, div.komsys_hlf .komsys_h, div.komsys_hlf .komsys_h_c, div.komsys_p1 .komsys_h_c, div.komsys_p2 .komsys_h_c, div.komsys_p3 .komsys_h_c, div.komsys_p4 .komsys_h_c, div.komsys_hl .komsys_b_c, div.komsys_hl .komsys_b_c .bl, div.komsys_hl .komsys_b_c .br, div.komsys_hl .komsys_h, div.komsys_hl .komsys_h_c { background-color: #c1e295 !important; } /* PREVENT OPACITY EFFECT */ div.komsys_n1, div.komsys_n2, div.komsys_n3, div.komsys_n4 { opacity: 1; }
Und wer will, kann sich auch noch die Anpassung für die Ticker-Seite ziehen:
//EDIT
Hab das CSS für die Ticker-Seite mal entfernt - nicht das mir jemand vorwirft, ich würde Werbung ausblenden wollen.
Fragen, Feedback - her damit
Dieser Beitrag wurde von xploit bearbeitet: 22. Januar 2016 - 19:26