Thema: Tanelorn mit Kontrast! (User CSS für kontrastreiches Lesen)

[oliof]

Hallo,
aus einem Wunsch heraus habe ich mir etwas CSS zusammengeklöppelt, das für mich die Lesbarkeit des Forums immens erhöht. Es funktioniert mit der Chrome-Extension Stylish, die es aber auch für andere Browser gibt.

Das Design ist nicht schön (sondern auf Lesbarkeit optimiert), es gibt noch einige grobe Kinken (vor allem in Bereichen die ich nicht benutze und bei den Menüs), aber es funktioniert. Neben der Lesbarkeit habe ich das neu-icon durch eine Farbmarkierung ersetzt, und die online/offline Marker auch durch Farbmarkierungen ersetzt (hauptsächlich weil die icons auf meinem hochauflösenden Bildschirm nicht gut aussehen).

Die CSS findet ihr auf github. Benutzung auf eigenes Risiko, keine Garantie für Funktion etc. Verbesserungen und Ergänzungen werden gerne entgegengenommen!

Eine Anleitung für stylish kann ich auf Anfrage nachliefern, aber nicht vor Mittwoch.

[Wawoozle]

Und wer gerade schon Stylish installiert und sich damit beschäftigt hat, der kann mit folgenden Änderungen die Last5 und die Sub-Ordnerliste verkleinern:

Code: [Auswählen]

#recent_posts_content {
    font-size: 8pt;
}

.sub_boards {
    font-size: 8pt;
}
Anstelle von pt können selbstverständlich auch % genommen werden.

[oliof]

Screenshot

[oliof]

Wichtige Anmerkung: Das ganze ist nur auf Basis des moon-theme getestet! Wie es sich mit SMF Standard Theme / Sun verhält, weiss ich nicht.

[evil bibu]

Funzt. Danke Oliof.

[D. M_Athair]

... kann den Screenshot leider nicht sehen.
Fehlermedlung: Diese Webseite hat eine Weiterleitungsschleife [...]

[oliof]

@Athair versuchs nochmal, ich hab das Bild jetzt anders verlinkt.

[oliof]

Update!

Alle "neu" icons werden jetzt ersetzt. Vorschau auch in neuem Look.

[Galotta]

sieht gut aus!

[Shadom]

Funktioniert übrigens auch sehr gut mit der Chroma App "Stylebot".
Einfach da auf open Stylebot
Edit CSS
und reinkopieren.

Finde die Aktion toll.
Mir ist das Design leider einen Deut zu schlicht und daher bleibe ich beim Original
(oder ich mach mir mal die Mühe weiß durch ein paar andere Farben zu ersetzen)

[oliof]

Update!

Habe einige der Icons durch einen Gang mit der Kettensaege durch Font-Symbole ersetzt.

Das neue CSS funktioniert nur mit einer Schrift, die diese Font-Symbole beinhaltet.

Neue Version: http://pastebin.com/04GkeXjY (passe auch den ersten Font an).

Shadom: Wie gesagt, das ist halt auf Kontrast getrimmt. Es sollte aber einfach sein, die Farben durch was anderes zu ersetzen.

[oliof]

Update!

Die CSS ist jetzt auf github, wer sich also berufen fühlt kann seine eigenen Verbesserungen einfliessen lassen.

Ich habe jetzt einen leichten Eierschalenton ergänzt, damit Shadom und andere denen weiss zu weiss ist, auch glücklich werden können. Der allgemeine Lesebereich bleibt allerdings erstmal schwarz/weiss.

[mieserwicht im Forum]

Ich habe den Beitrag mal aus dem TS-Wunschlisten Thread verlinkt.

Der Oliof hat hier einen Hack veröffentlicht, mit dem man das Layout zu hohem Kontrast zwingen kann. Lässt sich auf Wunsch auch zu anderen Schweinereien nutzen.

Wir vom TS finden diese Aktion ungeheuerlich... Unsere schöne und langwierige Arbeit einfach so zunichte zumachen! 

[oliof]

Ich bin auch gemein, erfülle mir meine Wünsche selbst (-:

Ich hab noch ein paar weitere Details angehübscht -- es fehlen aber noch ein paar Details (die Post-Beschreibungs-Icons sind ... viele (-: ).

[oliof]

Update: Jetzt mit ein paar Rundungen.

[oliof]

Update: Mehr Icons ersetzt, mit Tabellenformatierung begonnen.

[oliof]

Und ein aktueller Screenshot im Anhang.

[gelöscht durch Administrator]

[oliof]

So, das war noch nicht fertig. Jetzt mit monochromatischer header Grafik.

[gelöscht durch Administrator]

[oliof]

Update!

Ich bin bei mittlerweile 1007 Zeilen CSS (mit Kommentaren und lesbar formatiert), und fange an mit Spielereien wie Schatten und Transparenzen zu arbeiten. Für mich und ein oder zwei andere funktioniert das monochromatische Kontrast-Theme jetzt ziemlich gut.

Einen vorher/nachher Vergleich zum Moon Theme, von dem dieses ja abgeleitet ist, kann man hier sehen.

Ab jetzt ist es nur noch Fleißarbeit, auch jedes Detail zu erfassen ...

[oliof]

Update!

Jetzt mit Support für Sun, sodass man in den Genuss des automatischen Sun/Moon Wechels kommen kann.

[Shadom]

Sehr gut!
Da hab ich jetzt wirklich per suchen und ersetzen Weiß durch Eierschale ausgewechselt und bin sehr glücklich!
 

[oliof]

Update!

Verschiedene Änderungen und Korrekturen ...

Ausserdem habe ich eine Variante des User CSS, die die Beiträge komplett umformatiert (geht davon aus, dass man Avatare deaktiviert hat).

(und da müssen noch ein paar der quickbuttons verschoben werden, sehe ich gerade (-: )

[oliof]

Update!
Die aktuelle Fassung des SMF2 redux getauften user styles funktioniert jetzt auch mit dem Rollenspiel Blogger Forum Eurer Wahl (-: Ich habe die Beiträge in Diskussionsfäden noch ein bißchen mehr kondensiert, habe aber ausser auf Chrome nicht probiert, ob das tut.