Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Farbe des geschriebenen Textes zu Dunkel. (Kaum Kontrast)
#1
Hi Leute,

leider habe ich eine Augenkrankheit und mir fällt es echt schwer den Text (also das was du hier gerade liest) den die User schreiben zu lesen.

Gibt es eine Möglichkeit die Textfarbe heller zu machen und somit mehr Kontrast reinzubringen?

Da ich mir D3 jetzt erst gekauft habe werde ich wohl häufiger hierher zu Besuch kommen. Smile

Danke!!!
Zitieren
#2
Hallo?
Zitieren
#3
Hallo!
Ich kann mich noch erinnern, dass das damals, bei der Einführung des neuen Layouts, mehrere Leute angesprochen haben (mich eingeschlossen), aber leider hat sich nichts geändert.
Mehr kann ich dir dazu auch nicht sagen :ugly:

Edit: Wie man eine hell- bis fast mittelbraune Schriftfarbe auf dunkelbraunem Hintergrund verwenden kann, verstehe ich auch heute noch nicht ^^
[Bild: 987768ba6d332a5c40b9cf35a07f86b3.png]
Zitieren
#4
Haaallooo!
Wenn du den Text mit der linken Maustaste markierst, hast du weiße Schrift
auf blauem Hintergrund, hilft das? Dürfte die schnellste Lösung für dich sein,
bevor ein neues Layout erstellt wird, das du nutzen kannst. Da die Software
auf VBulletin basiert, kannst du das (meines Wissens) nicht einfach umstellen -
bzw. würde die gewünschte Diablo-Atmosphäre verloren gehen..
"Bling - Crap"
Zitieren
#5
[COLOR="White"]
Halli Hallo.
Es gibt natürlich für alles eine Lösung!!!

Befolge einfach die folgende Anleitung und dann solltest du kein Problem mehr haben mit dem lesen.


  1. Benutze Mozilla-Firefox als Browser und installiere das Plugin "Stylish" (https://addons.mozilla.org/de/firefox/addon/stylish/).
    (An die Chrome-User: Das Plugin gibts auch für diesen Browser und sollte dann ganz ähnlich funktionieren...
    (Link: https://chrome.google.com/webstore/detai...leoegfcffe)
    (@Riddler: Danke für den Hinweis))
    -----------------------------------------------------------------
  2. Browser neu starten.
    -----------------------------------------------------------------
  3. Erstelle einen neuen Stil mit "Neuer Stil..." unter "Stil erstellen" im Kontextmenü des Stylish-Icons ([Bild: stylish_icon.jpg]).
    [Bild: neuer_stil.jpg]

    Sollte das Icon nicht verfügbar sein, klicke mit der rechten Maustaste auf die Navigationsleite (oben) oder die Add-on-Leiste (unten) vom Browser und wähle "Anpassen..." aus dem Kontextmenü.
    [Bild: anpassen.jpg]

    Nun kannst du das Stylish-Icon irgendwo plazieren per drag-and-drop.
    [Bild: anpassen2.jpg]

    Alternativ kannst du auch über den Add-on-Manager gehen, aber wenn du für mehrere Websites den Stil anpassen willst, kommt das Icon ganz recht.
    -----------------------------------------------------------------
  4. Es erscheint ein leeres Fenster für einen neuen Stil. Trage einen beliebigen Namen ein und kopiere den folgenden CSS-Code in das Textfeld für die Stil-Regeln:

    Code:
    @namespace url(http://www.w3.org/1999/xhtml);

    @-moz-document domain("www.diablo-3.net"), domain("diablo-3.net") {
        .alt1, .alt1Active, .holder p, .title-box, .content p,
        .desc, strong, .rightbar, li.comments, li.comments table {
            color: #fff !important;
            font-weight: bold !important;
        }
        a, ul.menu li ul li a {
            color: #f69200 !important;
        }
        ul.menu a {
            color: #F7E3B7 !important;
        }
    }

    Es sollte nun in etwa so aussehen:
    [Bild: style.jpg]
    -----------------------------------------------------------------
  5. Speichern und Stil aktivieren (wenn nicht schon automatisch geschehen).
    -----------------------------------------------------------------
  6. Fertig

Noch ein paar Worte zum Schluss:
  • Ich weiß nicht ob du dich mit CSS auskennst, solltest du noch was anpassen wollen/müssen, sag bescheid (z.B. per PN).
  • Willst du auf eigene Faust was erweitern, empfiehlt sich Firebug um die Klassennamen der div's zu erfahren, die für den Stil bestimmter Seitenelemente verantwortlich sind.
  • Das "!important" ist unablässig um die höhere Wichtung des Website-Stils zu überschreiben!
  • Willst du auch andere Seiten so bearbeiten, hast aber keine Ahnung von CSS, dann kannst du immer versuchen: Erst "Stil erstellen..." mit "Für http://www.domain.endung". Dann ergänzt du die Domain um die Variante ohne www, wie oben gezeigt. Als Stil schreibst du nun innerhalb von @-moz-document domain(...), domain(...) {hier rein}.
    Code:
    body * {
      color: #fff !important;
      font-weight: bold !important;
    }
    Um global für alle Elemente der Website die Eingeschaften "color" für Schriftfarbe und "font-weight" für Fettdruck anzuwenden.
  • Du kannst auch im Kontextmenü des Icons (da wo dann "Stile verwalten..." etc. steht) die aktiven Stile anwählen (werden unten gelistet). Das besondere ist hier, dass du auf diese Einträge noch mit rechter Maustaste ein Sub-Kontextmenü einblenden kannst um den Stil z.B. direkt zu bearbeiten.
  • Wenn du durchaus weißt wie das alles funktioniert und auch CSS beherrschst, dann hoffe ich, ich habe dich nicht mit den Details beleidigt :tongue3:. In diesem Fall hilft es vlt. einem Anderen noch weiter...


Liebe Grüße,
Manusan


[/COLOR]
Zitieren
#6
gefällt mir SEHR!

schöne lösung bis eventuell irgendwann ein neues layout kommt. ich kann euch sagen, das wir nur fürs nötigste (tagesaktuelle news und updates der inforseiten) kapazitäten frei haben.

deswegen auch nochmal an dieser stelle. Join the Team :2thumbsup:

Zitieren
#7
manusan schrieb:[COLOR="White"]
Halli Hallo.
Es gibt natürlich für alles eine Lösung!!!

Befolge einfach die folgende Anleitung und dann soltest du kein Problem mehr haben mit dem lesen.


  1. Benutze Mozilla-Firefox als Browser und installiere das Plugin "Stylish" (https://addons.mozilla.org/de/firefox/addon/stylish/).
    -----------------------------------------------------------------
  2. Firefox neu starten.
    -----------------------------------------------------------------
  3. Erstelle einen neuen Stil mit "Neuer Stil..." unter "Stil erstellen" im Kontextmenü des Stylish-Icons ([Bild: stylish_icon.jpg]).
    [Bild: neuer_stil.jpg]

    Sollte das Icon nicht verfügbar sein, klicke mit der rechten Maustaste auf die Navigationsleite (oben) oder die Add-on-Leiste (unten) vom Browser und wähle "Anpassen..." aus dem Kontextmenü.
    [Bild: anpassen.jpg]

    Nun kannst du das Stylish-Icon irgendwo plazieren per drag-and-drop.
    [Bild: anpassen2.jpg]

    Alternativ kannst du auch über den Add-on-Manager gehen, aber wenn du für mehrere Websites den Stil anpassen willst, kommt das Icon ganz recht.
    -----------------------------------------------------------------
  4. Es erscheint ein leeres Fenster für einen neuen Stil. Trage einen beliebigen Namen ein und kopiere den folgenden CSS-Code in das Textfeld für die Stil-Regeln:

    Code:
    @namespace url(http://www.w3.org/1999/xhtml);

    @-moz-document domain("www.diablo-3.net"), domain("diablo-3.net") {
        .alt1, .alt1Active, .holder p, .title-box, .content p,
        .desc, strong, .rightbar, li.comments, li.comments table {
            color: #fff !important;
            font-weight: bold !important;
        }
        a, ul.menu li ul li a {
            color: #f69200 !important;
        }
        ul.menu a {
            color: #F7E3B7 !important;
        }
    }

    Es sollte nun in etwa so aussehen:
    [Bild: style.jpg]
    -----------------------------------------------------------------
  5. Speichern und Stil aktivieren (wenn nicht schon automatisch geschehen).
    -----------------------------------------------------------------
  6. Fertig

Noch ein paar Worte zum Schluss:
  • Ich weiß nicht ob du dich mit CSS auskennst, solltest du noch was anpassen wollen/müssen, sag bescheid (z.B. per PN).
  • Willst du auf eigene Faust was erweitern, empfiehlt sich Firebug um die Klassennamen der div's zu erfahren, die für den Stil bestimmter Seitenelemente verantwortlich sind.
  • Das "!important" ist unablässig um die höhere Wichtung des Website-Stils zu überschreiben!
  • Willst du auch andere Seiten so bearbeiten, hast aber keine Ahnung von CSS, dann kannst du immer versuchen: Erst "Stil erstellen..." mit "Für http://www.domain.endung". Dann ergänzt du die Domain um die Variante ohne www, wie oben gezeigt. Als Stil schreibst du nun innerhalb von @-moz-document domain(...), domain(...) {hier rein}.
    Code:
    body * {
      color: #fff !important;
      font-weight: bold !important;
    }
    Um global für alle Elemente der Website die Eingeschaften "color" für Schriftfarbe und "font-weight" für Fettdruck anzuwenden.
  • Du kannst auch im Kontextmenü des Icons (da wo dann "Stile verwalten..." etc. steht) die aktiven Stile anwählen (werden unten gelistet). Das besondere ist hier, dass du auf diese Einträge noch mit rechter Maustaste ein Sub-Kontextmenü einblenden kannst um den Stil z.B. direkt zu bearbeiten.
  • Wenn du durchaus weißt wie das alles funktioniert und auch CSS beherrschst, dann hoffe ich, ich habe dich nicht mit den Details beleidigt :tongue3:. In diesem Fall hilft es vlt. einem Anderen noch weiter...


Liebe Grüße,
Manusan


[/COLOR]

wow! Zwei Daumen hoch für diese Erklärung!
:2thumbsup:
Zitieren
#8
Danke Smile
Zitieren
#9
@manusan

Der "Gefällt mir" Button geht ja wieder, also gibts von mir ein Like dafür. Confusedmiley2:

Das Ganze gibts übrigens auch für den Chrome Browser.
https://chrome.google.com/webstore/detai...leoegfcffe
Zitieren
#10
Hey Leute und Admins,

jetzt mal im Ernst!
Letztenendes ist das doch nur ein Workaround.

Könnt ihr nicht dir Farbe einfach etwas aufhellen? Das ist doch bestimmt nur eine kleine Einstellung und nur 5min. Arbeit. :wink2:
Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste