Autor Thema: Tanelorn mit Kontrast! (User CSS für kontrastreiches Lesen)  (Gelesen 2468 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

oliof

  • Gast
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.
« Letzte Änderung: 21.10.2013 | 17:57 von oliof »

Offline Wawoozle

  • Sultan des Unterwasser-Kingdoms
  • TechSupport
  • Mythos
  • *****
  • would you kindly
  • Beiträge: 10.620
  • Geschlecht: Männlich
  • Username: 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:

#recent_posts_content {
    font-size: 8pt;
}

.sub_boards {
    font-size: 8pt;
}
Anstelle von pt können selbstverständlich auch % genommen werden.
Ihr wollt doch alle den Nachtisch zuerst !

oliof

  • Gast
« Letzte Änderung: 21.10.2013 | 12:30 von oliof »

oliof

  • Gast
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

  • Gast
Funzt. Danke Oliof.

Offline D. Athair

  • Mythos
  • ********
  • Spielt RollenSPIELE, ROLLENspiele und ROLLENSPIELE
  • Beiträge: 8.751
  • Username: Dealgathair
    • ... in der Mitte der ZauberFerne
... kann den Screenshot leider nicht sehen.
Fehlermedlung: Diese Webseite hat eine Weiterleitungsschleife [...]
"Man kann Taten verurteilen, aber KEINE Menschen." - Vegard "Ihsahn" Sverre Tveitan

oliof

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

oliof

  • Gast
Update!

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

Offline Galotta

  • Adventurer
  • ****
  • suchtet Kampagnen!
  • Beiträge: 520
  • Geschlecht: Männlich
  • Username: Galotta
sieht gut aus!
aktiv gespielt: D&D5, City of Mist, Cthulhu
inaktiv: •SaWo•Dungeon World•Mythos World•Schatten des Dämonenfürsten•

https://www.spielerverzeichnis.org/profil/galotta/

Offline Shadom

  • Inglourious Princess
  • Hero
  • *****
  • Beiträge: 1.653
  • Username: Shadom
    • Mein Deviantart Profil
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

  • Gast
Re: Tanelorn mit Kontrast! (User CSS für kontrastreiches Lesen)
« Antwort #10 am: 21.10.2013 | 15:34 »
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

  • Gast
Re: Tanelorn mit Kontrast! (User CSS für kontrastreiches Lesen)
« Antwort #11 am: 21.10.2013 | 17:53 »
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.

Offline mieserwicht im Forum

  • Raupritter
  • TechSupport
  • Adventurer
  • *****
  • Beiträge: 643
  • Geschlecht: Männlich
  • Username: mieserwicht
Re: Tanelorn mit Kontrast! (User CSS für kontrastreiches Lesen)
« Antwort #12 am: 21.10.2013 | 19:52 »
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!  :Ironie:
Reitraupe reitender Raubritter.

oliof

  • Gast
Re: Tanelorn mit Kontrast! (User CSS für kontrastreiches Lesen)
« Antwort #13 am: 21.10.2013 | 21:00 »
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

  • Gast
Re: Tanelorn mit Kontrast! (User CSS für kontrastreiches Lesen)
« Antwort #14 am: 22.10.2013 | 09:54 »
Update: Jetzt mit ein paar Rundungen.

oliof

  • Gast
Re: Tanelorn mit Kontrast! (User CSS für kontrastreiches Lesen)
« Antwort #15 am: 22.10.2013 | 18:22 »
Update: Mehr Icons ersetzt, mit Tabellenformatierung begonnen.

oliof

  • Gast
Re: Tanelorn mit Kontrast! (User CSS für kontrastreiches Lesen)
« Antwort #16 am: 22.10.2013 | 18:53 »
Und ein aktueller Screenshot im Anhang.

[gelöscht durch Administrator]

oliof

  • Gast
Re: Tanelorn mit Kontrast! (User CSS für kontrastreiches Lesen)
« Antwort #17 am: 22.10.2013 | 19:07 »
So, das war noch nicht fertig. Jetzt mit monochromatischer header Grafik.

[gelöscht durch Administrator]

oliof

  • Gast
Re: Tanelorn mit Kontrast! (User CSS für kontrastreiches Lesen)
« Antwort #18 am: 23.10.2013 | 00:40 »
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 ...
« Letzte Änderung: 23.10.2013 | 00:58 von oliof »

oliof

  • Gast
Re: Tanelorn mit Kontrast! (User CSS für kontrastreiches Lesen)
« Antwort #19 am: 23.10.2013 | 17:01 »
Update!

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

Offline Shadom

  • Inglourious Princess
  • Hero
  • *****
  • Beiträge: 1.653
  • Username: Shadom
    • Mein Deviantart Profil
Re: Tanelorn mit Kontrast! (User CSS für kontrastreiches Lesen)
« Antwort #20 am: 23.10.2013 | 18:02 »
Sehr gut!
Da hab ich jetzt wirklich per suchen und ersetzen Weiß durch Eierschale ausgewechselt und bin sehr glücklich!
 :d :d

oliof

  • Gast
Re: Tanelorn mit Kontrast! (User CSS für kontrastreiches Lesen)
« Antwort #21 am: 24.10.2013 | 10:12 »
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 (-: )
« Letzte Änderung: 24.10.2013 | 15:44 von oliof »

oliof

  • Gast
Re: Tanelorn mit Kontrast! (User CSS für kontrastreiches Lesen)
« Antwort #22 am: 25.10.2013 | 00:42 »
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.