Stylesheet für bessere Lesbarkeit des neuen Forums

[Kaputtnik]

kann man mir Doofie, das mal jemand etwas genauer erklären:
> Was ist: CSS / Userstyle / Extension "stylish"

CSS ist eine Programmiersprache, die das Aussehen von Webseiten steuert.

"stylish" ist eine Erweiterung (extension) für Firefox, die es erlaubt, das CSS einer Webseite mit eigenem CSS-Code zu erweitern, um das Aussehen der Webseite zu ändern.

Der Userstyle ist dann der CSS-Code, wo beispielsweise drinsteht, daß das Textzitat einen grauen Hintergrund haben soll und keinen aprikosenfarbenen.

> Was bewirkt das ganze?

Ein Großteil der babyblauen und aprikosefarbenen Pastellfarben wird durch Grau ersetzt, der Beitragstext ist eine Nummer verkleinert und die Trennstriche zwischen Beiträgen (und zwischen Beitrag und Signatur) sind grau und besser sichtbar.

> Irgendwelche Auswirkungen auf andere Internetseiten oä.?

Nein, es ist auf rennrad-news beschränkt

> Ich nutze Firefox - was muß ich (wie) tun?

Die stylish extension installieren
https://addons.mozilla.org/de/firefox/addon/stylish/

den Browser neu starten
und dann meinen userstyle installieren
http://userstyles.org/styles/58205/rennrad-news-de-improve-readability

 

[m.rr]

Habs mal korrigiert. Danke für den Hinweis!
Außerdem gibt es jetzt ne etwas besser sichtbare Trennlinie vor den Signaturen.

http://userstyles.org/styles/58205/rennrad-news-de-improve-readability

Super, Danke!

 

[Al_Borland]

Nabend,
Man könnte CSS (cascading style sheet) am ehesten mit 'Stilvorlage' übersetzen. Jede halbwegs modern programmierte Webiste nutzt ein Dokument namens stylesheet.css (kann auch anders heißen oder in htmls-Dateien eingebettet sein), in denen Sachen wie Schriftarten, -größen, Farbcodes etc. pp. drin stehen. Dieses stylesheet lässt sich mit solchen Addons wie stylish umgehen. Dazu legt man dann ein eigenes stylesheet für die jeweilige Website an und kann sie (in Grenzen) selber gestalten.
Klar soweit?

€dit: Ich hätte vorher lieber noch mal aktualisieren sollen...

 

[KLR]

Erklärung für den "Doofie"

Erklärung für den "Doofie"

Danke Euch beiden ... Inhalt werd' ich mir dann mal in Ruhe zu Gemüte führen!

MfG
KLR

 

[Dr. Zoidberg]

Die stylish extension installieren


und dann meinen userstyle installieren

Danke! Gefällt mir so schon viel besser

 

[m.rr]

@ Kaputtnik: hab grade gesehen, dass man das "Anmelden" Feld, da ganz rechts oben noch nich lesen kann, weil dunkel auf dunkel

 

[Al_Borland]

Und über'm rrn-Logo ist noch ein Balken, in dem für die Mods Links wie Ausstehende Moderationen und Offene Meldungen stehen. Die sind auch dunkel auf dunkel.

 

[freiradler]

Und über'm rrn-Logo ist noch ein Balken, in dem für die Mods Links wie Ausstehende Moderationen und Offene Meldungen stehen. Die sind auch dunkel auf dunkel.

Das wird Kaputtnik wohl nicht sehen können.

@ Kaputtnik: hab grade gesehen, dass man das "Anmelden" Feld, da ganz rechts oben noch nich lesen kann, weil dunkel auf dunkel

ist mir auch aufgefallen. Ist aber nicht schlimm, wenn man weiß wofür das dunkelblaue Feld ist.
Ansosnten kommt man nicht ins Forum.

 

[m.rr]

Das wird Kaputtnik wohl nicht sehen können.

ist mir auch aufgefallen. Ist aber nicht schlimm, wenn man weiß wofür das dunkelblaue Feld ist.
Ansosnten kommt man nicht ins Forum.

...da seht ihr mal, wie schnell wir uns an das "neue Forum" gewöhnt haben, wir können es schon blind bedienen ...sonst wär'n wir ja nicht da

 

[freiradler]

...da seht ihr mal, wie schnell wir uns an das "neue Forum" gewöhnt haben, wir können es schon blind bedienen ...sonst wär'n wir ja nicht da

Liegt nur daran, daß vorher der "Abmelde-Button" dunkel auf dunkel war

 

[m.rr]

irgendwann geht's ganz ohne Beschriftung ...Hauptsache nich in Ros....äh Apricot

 

[FrankenExpress]

Sieht gut aus
Kleine Änderung habe ich noch vorgenommen:

a:link,
a:visited
{
        color: #303030 !important;
        text-decoration:underline !important;
}

Den Unterstrich unter den Links, sonst kann man die so schlecht erkennen.

EDIT: Das habe ich noch eingefügt, damit man sieht auf welcher Seite man grad ist.

a[href].currentPage
{
    color: #6c6c6c !important;
    border-color: #5690b8 !important;
 
}

 

[Kaputtnik]

Kleine Änderung habe ich noch vorgenommen

Danke! Habe es eingepflegt.

 

[Al_Borland]

Das hier

a:link,
a:visited
{
        color: #303030 !important;
        text-decoration:underline !important;
}

... hab ich wieder rausgenommen. Ist mir zu anstrengend mit den ganzen Unterstrichen.

 

[FrankenExpress]

Das hier

... hab ich wieder rausgenommen. Ist mir zu anstrengend mit den ganzen Unterstrichen.

Was zu beweisen war Allen kann man es nicht recht machen...

 

[Kaputtnik]

ich finds auch ein bisschen anstrengend, daß alle Links unterstrichen sind, aber mir fällt auch grad keine bessere Lösung ein. Hat noch jemand ne Idee?

 

[FrankenExpress]

Es genügt ja eigentlich auch wenn nur die Links in den Beiträgen unterstrichen sind:

.messageContent a:link,
.messageContent a:visited
{
        color: #303030 !important;
        text-decoration:underline !important;
}

 

[Kaputtnik]

Danke! Habs mal ergänzt. Leider ist userstyles.org grad offline, so daß ich es dort nicht updaten kann.

 

[marcfw]

Das hier

... hab ich wieder rausgenommen. Ist mir zu anstrengend mit den ganzen Unterstrichen.

Geht das rausnehmen schnell?
Schaffe ich das als "nicht web Programmierer"?

Kann mal einer bitte einen screenshot posten, wie das Forum stylish aussehen würde?
Dann überlege ich, ob ich mich in die Tiefen meines Browsers reinklicke und es installiere.

 

[Kaputtnik]

So, jetzt geht userstyles wieder! Habs geupdatet. Jetzt sind auch die Unterstriche unter den Links weg - die Links in den Beiträgen werden nun blau dargestellt (besuchte Links hellgrau).