Darstellungsverbesserungen
-
- Beiträge: 107
- Registriert: 27.02.2012 21:01:28
- Lizenz eigener Beiträge: GNU General Public License
- Wohnort: Frankfurt am Main
Re: Darstellungsverbesserungen
Ich will mich hier inhaltlich tunlichst nicht einmischen ... aber -
@struppi, wenn für Dich der (weitläufig verbreitete) Usus einer Darstellung a la
a:link, a:visited, a:active {text-decoration:none;} (=Verweise ohne Unterstreichung) und farblicher Unterscheidung besuchter /nichtbesuchter Verweise aus irgend einem Grund halt ungünstig ist, gibt's bei Verwendung von Mozilla Browsern oder Opera im Bedarfsfall die Möglichkeit, dies benutzerseitig zu überschreiben bzw. eine bestimmte Darstellung zu erzwingen.
Dazu muss die Datei userContent.css im jeweiligen Benutzerprofil des Browsers angelegt bzw. bearbeitet werden [1].
Etwas 'bequemer' geht das mit dem Add-on 'stylish' (imho auch für Chrome, Opera) [2], [3].
[1] mozilla.org: Customizing Mozilla http://www.mozilla.org/unix/customizing.html
[2] Add-on stylish https://addons.mozilla.org/de/firefox/addon/stylish/
[3] Stylish Webseite userstyles.org http://userstyles.org/
@struppi, wenn für Dich der (weitläufig verbreitete) Usus einer Darstellung a la
a:link, a:visited, a:active {text-decoration:none;} (=Verweise ohne Unterstreichung) und farblicher Unterscheidung besuchter /nichtbesuchter Verweise aus irgend einem Grund halt ungünstig ist, gibt's bei Verwendung von Mozilla Browsern oder Opera im Bedarfsfall die Möglichkeit, dies benutzerseitig zu überschreiben bzw. eine bestimmte Darstellung zu erzwingen.
Dazu muss die Datei userContent.css im jeweiligen Benutzerprofil des Browsers angelegt bzw. bearbeitet werden [1].
Etwas 'bequemer' geht das mit dem Add-on 'stylish' (imho auch für Chrome, Opera) [2], [3].
[1] mozilla.org: Customizing Mozilla http://www.mozilla.org/unix/customizing.html
[2] Add-on stylish https://addons.mozilla.org/de/firefox/addon/stylish/
[3] Stylish Webseite userstyles.org http://userstyles.org/
Re: Darstellungsverbesserungen
Ich kenne diese Möglichkeiten. Meine Hauptätigkeit ist das erstellen von Webseiten.
Das Problem der nicht hervorgehobenen Links ist aber durchaus weit verbreitet im Netz. Ich wollte es hier aber mal ansprechen. Das ich persönlich was dagegen unternehmen kann, ändert ja nichts daran, dass es so ist. Es ist eine Frage der usabilty, ob man die Besucher einer Seite zu solchen Suchspielen zwingen möchte.
Das Template hier im Forum ist in dieser Hinsicht konsequent Inkonsequent bei der Gestaltung von Links. Das einfachste wäre, wenn alle Links blau und unterstrichen wären, das kennt jeder und jeder wüßte wo man klicken kann und wo nicht.
Das Problem der nicht hervorgehobenen Links ist aber durchaus weit verbreitet im Netz. Ich wollte es hier aber mal ansprechen. Das ich persönlich was dagegen unternehmen kann, ändert ja nichts daran, dass es so ist. Es ist eine Frage der usabilty, ob man die Besucher einer Seite zu solchen Suchspielen zwingen möchte.
Das Template hier im Forum ist in dieser Hinsicht konsequent Inkonsequent bei der Gestaltung von Links. Das einfachste wäre, wenn alle Links blau und unterstrichen wären, das kennt jeder und jeder wüßte wo man klicken kann und wo nicht.
Re: Darstellungsverbesserungen
Vielleicht noch zur Klärung: Der "Tipps und Tricks"-Link ist bei mir grau. Während einer Berührung mit dem Mauszeiger wird er unterstrichen und Magenta.feltel hat geschrieben:Eigentlich müssten die Links immer magenta sein, da sie der CSS-Klasse postlink angehören und diese so definiert ist:
Debians Paketbeschreibungen übersetzen? Hilf mit!
Re: Darstellungsverbesserungen
die grundidee bzgl. der unterstrichenen links ist imho sicherlich nicht verkehrt, sogar begrüßenswert, aber ausgerechnet blau?struppi hat geschrieben:
Das einfachste wäre, wenn alle Links blau und unterstrichen wären, das kennt jeder und jeder wüßte wo man klicken kann und wo nicht.
puuh, da geht das cd aber schon etwas in die brüche.* => vorschlag: wie wäre es bspw. mit entspr. optisch angepaßtem schwarz/dunkelgrau (= schriftfarbe) wie sämtliche links im linken navigationsbereich?
* ist natürlich nur mein pers. eindruck resp. geschmack.
My bash says Ultraman.
Re: Darstellungsverbesserungen
Du hast ein Userstylesheet in deinem Browser? Ansonsten kann ich diese Antwort nicht nachvollziehen. Wenn du dir die Übersicht des Forums anschaust, kannst du alle Links auf der Seite sofort optisch erkennen?Emess hat geschrieben:jastruppi hat geschrieben:Sind bei euch Links als Links erkennbar??
Das würde mich schwer wundern.
Ich habe das nicht verstanden. Ich sagte doch das ich von den Forumsseiten spreche.Meillo hat geschrieben:Inzwischen ist die Stelle ja klar geworden, aber grundsaetzlich waere es doch anschaulicher, ein ganz konkretes Beispiel gezeigt und markiert zu sehen, als selbst suchen zu muessen.struppi hat geschrieben: Wieso braucht ihr einen Screenshot? Sind bei euch Links als Links erkennbar???
Dort betrifft es alle Seiten. Die Übersicht, die Antwortseite oder sich einen Thread anschaut. Inwiefern ein Screenshot da schneller sein soll ist mir nicht klar. Du schaust dir doch in dem Moment, wo du mir Antwortest genau das an, was ich meine und die Übersicht hast du wahrscheinlich vorher auch gesehen.
Ich helfe seit etlichen Jahren in Foren und Newsgroups bei HTML/CSS und Javascript Problemen und kann dort verstehen, wenn es um Darstellungsfehlern in diversen Browsern geht, dass ein Screenshot ein adäqutes Mittel ist um einen Fehler für andere deutlich zu machen, aber in dem von mir angesprochenen Problem nicht.Meillo hat geschrieben:Ist die Sichtweise klar geworden?
Grundsätzlich sind das die Angaben im Stylesheet (http://debianforum.de/forum/style.php?id=6&lang=de). Leider sind Links dort sehr verstreut über alle möglichen Klassen. Hier hätte man bei der Erstellung etwas mehr darauf achten sollen, dass Links ja eine Funktion haben und daher optisch auffindbar sein sollten. Jetzt ist das Problem, dass es eben keine Konsistenz gibt. Es gibt Links die sind normal grau, fett grau, normal mangenta, fett mangenta, fett grün, fett rot. Was halt bdeutet, dass Links gesucht werden müssen
Re: Darstellungsverbesserungen
Ach so, noch ein Nachtrag.
Ich weiß nicht, ob es so klingt, aber ich erwarte jetzt nicht, dass das sofort abgestellt wird.
Eigentlich war mein Thread nur als Hinweis für die Forenbetreiber gedacht, da mir das aufgefallen war, als ich mich genauer mit dem Forum beschäftigt habe (ich bin ja noch nicht so lange angemeldet) und dabei eine Reihe von Links entdeckt habe, die ich bisher nicht gesehen habe.
Ich kenne das Problem auch, dass man irgendwann "betriebsblind" wird. Jemand der das Forum tagtäglich sieht und benutzt, dem mag das gar nicht auffallen, aber es erschert unter Umständen Neulingen den Umgang mit dem Forum.
Mein Vorschlag mit den blauen Links, ist auch nicht so Ernst gemeint. Aber das ist, wie gesagt, ein Problem das viele Webdesigner haben, dass sie versuchen Links zu verschönern und das blau als häßlich auf ihrer Seite empfinden, dabei aber vergessen, dass Links eine wichtige Funktion auf Webseiten haben und daher auch entsprechend auffindbar sein sollten.
Wenn das bei einer passenden Gelegenheit in Betracht gezogen wird, ist es auch ok, es ist ja nicht so, dass damit das Forum grundsätzlich nicht benutzbar wäre.
Ich weiß nicht, ob es so klingt, aber ich erwarte jetzt nicht, dass das sofort abgestellt wird.
Eigentlich war mein Thread nur als Hinweis für die Forenbetreiber gedacht, da mir das aufgefallen war, als ich mich genauer mit dem Forum beschäftigt habe (ich bin ja noch nicht so lange angemeldet) und dabei eine Reihe von Links entdeckt habe, die ich bisher nicht gesehen habe.
Ich kenne das Problem auch, dass man irgendwann "betriebsblind" wird. Jemand der das Forum tagtäglich sieht und benutzt, dem mag das gar nicht auffallen, aber es erschert unter Umständen Neulingen den Umgang mit dem Forum.
Mein Vorschlag mit den blauen Links, ist auch nicht so Ernst gemeint. Aber das ist, wie gesagt, ein Problem das viele Webdesigner haben, dass sie versuchen Links zu verschönern und das blau als häßlich auf ihrer Seite empfinden, dabei aber vergessen, dass Links eine wichtige Funktion auf Webseiten haben und daher auch entsprechend auffindbar sein sollten.
Wenn das bei einer passenden Gelegenheit in Betracht gezogen wird, ist es auch ok, es ist ja nicht so, dass damit das Forum grundsätzlich nicht benutzbar wäre.
- feltel
- Webmaster
- Beiträge: 10368
- Registriert: 20.12.2001 13:08:23
- Lizenz eigener Beiträge: MIT Lizenz
- Wohnort: Leipzig, Germany
-
Kontaktdaten:
Re: Darstellungsverbesserungen
Ich hab in dem Fred ne ganze Weile nichts weiter geschrieben, da ich ehrlich gesagt nicht dazu gekommen bin, mich damit weiter zu befassen. Ich danke auf jeden Fall für die konstruktive Kritik und will schauen, wie ich die Vorschläge zeitnah umgesetzt bekomme.
debianforum.de unterstützen? Hier! | debianforum.de Verhaltensregeln | Bitte keine Supportanfragen per PM
Re: Darstellungsverbesserungen
Mir sind bei durchlesen des Threads ein paar Sachen aufgefallen
Links lassen sich nicht unterscheiden, auch die farbliche Hervorhebnung von Links bringt nichts, wenn diese farbliche Herorhebnung auch für andere Zwecke verwendet wird. Genau wie es nichts bringt Links zu unterstreichen, wenn es auch anderen Text gibt, der unterstrichen ist.
Die Klasse .postlink kommt nicht zum tragen, weil ihre Spezifität geringer ist als a:link und dort ist die Farbe grau definiert.
Allgmein ist das css sehr umfangreich, aber auch sehr durcheinander. Es werden unzählige Link Varianten gestaltet, aber selbst die Grunddefinition a:link ist zweimal vorhanden (Zeile 629 und 2852). Das könnte man wirklich besser machen.
Wenn man sieht, dass es auf der Seite eigentlich nur 2 Grundfarben gibt, dann wundert man sich schon, dass so viele "color:" Deklaration im CSS sind.
Aber was sehr positiv auffällt, die Fehlerkonsole bleibt was leer, was in Anbetracht des Umfangs des CSS schon fast ein Wunder ist. Von dem Aspekt hat hier jemand sehr sauber gearbeitet.
Da ich im Moment ein bisschen Zeit habe, kann ich ja mal das CSS etwas anpassen, wenn eine Chance besteht, dass die Änderungen einfliessen könnten?
Auch wenn ich das unterstrichene vielleicht erwähnt habe, geht es in erster Linie um das Unterscheiden!chb hat geschrieben:Ich will mich hier inhaltlich tunlichst nicht einmischen ... aber -
@struppi, wenn für Dich der (weitläufig verbreitete) Usus einer Darstellung a la
a:link, a:visited, a:active {text-decoration:none;} (=Verweise ohne Unterstreichung) und farblicher Unterscheidung besuchter /nichtbesuchter Verweise aus irgend einem Grund halt ungünstig ist,
Links lassen sich nicht unterscheiden, auch die farbliche Hervorhebnung von Links bringt nichts, wenn diese farbliche Herorhebnung auch für andere Zwecke verwendet wird. Genau wie es nichts bringt Links zu unterstreichen, wenn es auch anderen Text gibt, der unterstrichen ist.
Auch h3 Überschriften sind Magenta und von daher von manchen Links kaum zu unterscheiden.feltel hat geschrieben: Eigentlich müssten die Links immer magenta sein, da sie der CSS-Klasse postlink angehören und diese so definiert ist:
Die Klasse .postlink kommt nicht zum tragen, weil ihre Spezifität geringer ist als a:link und dort ist die Farbe grau definiert.
Allgmein ist das css sehr umfangreich, aber auch sehr durcheinander. Es werden unzählige Link Varianten gestaltet, aber selbst die Grunddefinition a:link ist zweimal vorhanden (Zeile 629 und 2852). Das könnte man wirklich besser machen.
Wenn man sieht, dass es auf der Seite eigentlich nur 2 Grundfarben gibt, dann wundert man sich schon, dass so viele "color:" Deklaration im CSS sind.
Aber was sehr positiv auffällt, die Fehlerkonsole bleibt was leer, was in Anbetracht des Umfangs des CSS schon fast ein Wunder ist. Von dem Aspekt hat hier jemand sehr sauber gearbeitet.
Da ich im Moment ein bisschen Zeit habe, kann ich ja mal das CSS etwas anpassen, wenn eine Chance besteht, dass die Änderungen einfliessen könnten?
Re: Darstellungsverbesserungen
Da ohne Screenshot für manche nicht sichtbar ist, was ich meine hier mal mit 4 Jahre verspätung eine Animation, die zeigen soll was ich meine:
Wie gesgt, das ist eine Frage der Usability. Vor allem gegenüber neuen Besucher. Wer die Seite jeden Tag nutzt, für den spielt das vermutlich keine Rolle.
Wie gesgt, das ist eine Frage der Usability. Vor allem gegenüber neuen Besucher. Wer die Seite jeden Tag nutzt, für den spielt das vermutlich keine Rolle.
Re: Darstellungsverbesserungen
Und wie kann man das verbessern, wenn der Browser die eingestellten Farben ignoriert?
Edit: komplett am Thema vorbei, sorry.
Edit: komplett am Thema vorbei, sorry.
Jesus saves. Buddha does incremental backups.
Windows ist doof, Linux funktioniert nicht • Don't break debian! • Wie man widerspricht
Windows ist doof, Linux funktioniert nicht • Don't break debian! • Wie man widerspricht
- whisper
- Beiträge: 3192
- Registriert: 23.09.2002 14:32:21
- Lizenz eigener Beiträge: GNU Free Documentation License
-
Kontaktdaten:
Re: Darstellungsverbesserungen
Struppi hat recht, das könnte eindeutiger sein. So ein CSS ist ja nun kein Hexenwerk, allerdings ist man nach mehrjähriger Benutzung Betriebsbind, was das betrifft. Also mich stört es nicht, weil es so eingeschliffen ist.
Re: Darstellungsverbesserungen
Arbeit mit CSS sollte man nicht unterschätzen, auch wenn der Einstieg "einfach" erscheint. Wenn es einfach wäre, könnte es jeder machen. Gutes CSS braucht auch Übung und Erfahrung. Sonst hätte man die Probleme des Forums schon längst erledigt (Keine Kritik an eggy. Der macht es schon gut.)whisper hat geschrieben:18.11.2016 13:03:19Struppi hat recht, das könnte eindeutiger sein. So ein CSS ist ja nun kein Hexenwerk, allerdings ist man nach mehrjähriger Benutzung Betriebsbind, was das betrifft. Also mich stört es nicht, weil es so eingeschliffen ist.
Re: Darstellungsverbesserungen
Bei mir sind Links weder farblich hervorgehoben, noch unterstrichen. Das passiert erst, wenn ich mit der Maus drüber gehe.
Aber ganz allgemein möchte ich mal was zum Design sagen. Mir ist das alles zu sehr grau in grau. Und was mich wirklich nervt, sind die kaum vorhandenen Abgrenzungen der Beiträge voneinander. Wenn man einen Beitrag liest, rutscht man fast automatisch darüber hinweg und liest dann schon den nächsten Beitrag oder die Signatur des letzten.Besonders für Menschen mit einer Sehschwäche ist das sehr störend. Ich habe schon alle Signaturen abgeschaltet, das verbessert die Geschichte ein wenig. Aber eigentlich ja nicht Sinn der Sache.
Mag sein, dass Kontrastarmut und blasse Farben im Moment gerade hipp sind... Barrierefrei ist das aber nicht gerade. Schade.
Ein Beispiel für ein, meiner Meinung nach, sehr schönes Forendesign ist das E-Reader-Forum.
Hier ein Beispiel:
https://www.e-reader-forum.de/sonstiges ... ndstuecke/
Aber ganz allgemein möchte ich mal was zum Design sagen. Mir ist das alles zu sehr grau in grau. Und was mich wirklich nervt, sind die kaum vorhandenen Abgrenzungen der Beiträge voneinander. Wenn man einen Beitrag liest, rutscht man fast automatisch darüber hinweg und liest dann schon den nächsten Beitrag oder die Signatur des letzten.Besonders für Menschen mit einer Sehschwäche ist das sehr störend. Ich habe schon alle Signaturen abgeschaltet, das verbessert die Geschichte ein wenig. Aber eigentlich ja nicht Sinn der Sache.
Mag sein, dass Kontrastarmut und blasse Farben im Moment gerade hipp sind... Barrierefrei ist das aber nicht gerade. Schade.
Ein Beispiel für ein, meiner Meinung nach, sehr schönes Forendesign ist das E-Reader-Forum.
Hier ein Beispiel:
https://www.e-reader-forum.de/sonstiges ... ndstuecke/
- Lord_Carlos
- Beiträge: 5578
- Registriert: 30.04.2006 17:58:52
- Lizenz eigener Beiträge: GNU Free Documentation License
- Wohnort: Dänemark
Re: Darstellungsverbesserungen
Musste dieser alter Thread ausgegraben werden? Wir haben doch wegen dem umbau schon mehrere Feedback threads.
Code: Alles auswählen
╔═╗┬ ┬┌─┐┌┬┐┌─┐┌┬┐╔╦╗
╚═╗└┬┘└─┐ │ ├┤ │││ ║║
╚═╝ ┴ └─┘ ┴ └─┘┴ ┴═╩╝ rockt das Forum!
Re: Darstellungsverbesserungen
Upps.... gar nicht gemerkt, dass der schon so alt ist.
Re: Darstellungsverbesserungen
Naja, auch wenn er alt ist betrifft das leider auch das aktuelle Design.
Links sind als solche nicht erkennbar und müssen vom Anwender entweder erraten oder gesucht werden. Was schade ist, weil dadurch sicher der eine oder andere nützliche Funktionen des Forums übersieht.
Nachtrag: Wobei ich gerade sehe eine Art von Links hat zumindet einen Rahmen unten, was aussieht wie unterstrichen (in der Übersicht in den Erläuterungstexten - die Klasse .postlink)
Links sind als solche nicht erkennbar und müssen vom Anwender entweder erraten oder gesucht werden. Was schade ist, weil dadurch sicher der eine oder andere nützliche Funktionen des Forums übersieht.
Nachtrag: Wobei ich gerade sehe eine Art von Links hat zumindet einen Rahmen unten, was aussieht wie unterstrichen (in der Übersicht in den Erläuterungstexten - die Klasse .postlink)
Re: Darstellungsverbesserungen
Dann sollte das auch in den aktuellen Thread.Naja, auch wenn er alt ist betrifft das leider auch das aktuelle Design.
Re: Darstellungsverbesserungen
Es ist glaube ich hoffnungslos. Ich bin der einzige, der mehr Links benutzt als die, die man sowieso schon kennt.
Daher habe benutze ich mittlerweile eine Greasemonkey Skript. Ist zwar nicht schön aber ich sehe alle Links die es auf der Seite gibt.
Daher habe benutze ich mittlerweile eine Greasemonkey Skript. Ist zwar nicht schön aber ich sehe alle Links die es auf der Seite gibt.
Code: Alles auswählen
// ==UserScript==
// @name debianforum
// @namespace debianforum
// @description links
// @include https://debianforum.de/*
// @version 1
// @grant none
// ==/UserScript==
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}
addGlobalStyle('a { text-decoration:underline !important;color:blue !important; }');
Re: Darstellungsverbesserungen
Vermutlich verwenden die meisten tatsaechlich normalerweise nur die Links, die sie schon kennen. Aber du hast schon recht, es sind weit mehr Links vorhanden als man optisch erkennen kann. Ein gutes Beispiel finde ich den Beitragszaehler unter dem Username auf der rechten Seite von Posts. Die Zahl ist ein Link zu den Beitraegen des jeweiligen Users. Das ist schon praktisch. Ich hab bislang immer den Umweg ueber das Userprofil genommen, bis ich jetzt, angestossen durch deinen Post, in meinem Vimperator/Pentadactyl mal `f' gedrueckt hat, was alle Links auf der Seite highlighted.struppi hat geschrieben:19.09.2017 12:19:24Es ist glaube ich hoffnungslos. Ich bin der einzige, der mehr Links benutzt als die, die man sowieso schon kennt.
Ich finde es also nicht ganz abwaegig, sich zu wuenschen, dass Links optisch besser unterscheidbar sind.
Use ed once in a while!
Re: Darstellungsverbesserungen
Für diesen Zweck funktioniert beim Firefox auch das klassische userContent.css. Das ist eine Datei im Unterverzeichnis chrome im Profilverzeichnis (beides muss man wahrscheinlich neu anlegen). Der Inhalt ist normales CSS, allerdings eingeklammert in einem Block, der die Domain angibt (Sonst gelten die privaten Regeln auf allen Seiten). Die künstlerische Gestaltung ist nicht so einfach, auch, weil man den Firefox für jede Änderung neu starten muss. Ich hab' mal eine Mischung aus klassischem Netscape- und Debianforum-Stil probiert
Code: Alles auswählen
@-moz-document domain(debianforum.de) {
a:link { color:#444499 !important; text-decoration:underline !important; }
a:visited { text-decoration:none !important; }
a:hover { color:#DD4444 !important; }
}
Beware of programmers who carry screwdrivers.
Re: Darstellungsverbesserungen
Ich benutze hier seit langem in userContent.css
(nicht so spezifiziert wie bei cosmac)
Die Einstellungen im ff52 diesbezüglich scheinen sich nur im Augenkrebs-Design der Seitenfarbenvorgabe / high-contrast zu zeigen.
Code: Alles auswählen
:link, :visited { text-decoration: underline !important; }
Die Einstellungen im ff52 diesbezüglich scheinen sich nur im Augenkrebs-Design der Seitenfarbenvorgabe / high-contrast zu zeigen.
mfg rendegast
-----------------------
Viel Eifer, viel Irrtum; weniger Eifer, weniger Irrtum; kein Eifer, kein Irrtum.
(Lin Yutang "Moment in Peking")
-----------------------
Viel Eifer, viel Irrtum; weniger Eifer, weniger Irrtum; kein Eifer, kein Irrtum.
(Lin Yutang "Moment in Peking")