Fehler nach dem Forenumzug

Ich arbeite mich nach dem Forenumzug/Software-Update/Layout-Update gerade durch alles durch. Falls ihr konkrete Fehler merkt, bitte hier rein schreiben.

• Link zu Stammtischen defekt
• auf diversen Unterseiten greift der Style noch nicht richtig (falscher Header etc)
• An mehreren Stellen sind die orangenen Leisten noch in "3D"
• Fokusmarkierungen einfügen
• weißen Text auf orange etwas hinterlegen, damit der Kontrast erträglicher wird
• Sponsorenhinweis für den Server fehlt noch
• Werbehinweise im Footer wieder stylen

// Bitte nicht wundern - ich streiche im Thread (auch in euren Beiträgen) alles durch, was ich schon erledigt habe. So behalte ich den Überblick.

• Manche Begriffe erscheinen (bei mir zumindest) auf Englisch, statt auf Deutsch (obwohl ich auf jeden Fall Deutsch eingestellt habe)

Beispiel: die Navigation unter der Hauptnavigation:

Code:

---

    New Posts
    Neue Diskussionen
    Meine Themen
    Meine Beiträge
    Private Messages
    FAQ
    Calendar
    Community
    Forum Actions
    Quick Links

---

Zitat:

---

Zitat von Spooky

• Manche Begriffe erscheinen (bei mir zumindest) auf Englisch, statt auf Deutsch (obwohl ich auf jeden Fall Deutsch eingestellt habe)

---

Hm, kann sein, dass ich irrtümlich die alternative englische Sprache als Master eingestellt habe. Ich prüfe es gleich. Danke für den Hinweis.

Zitat:

---

Zitat von Nina

• auf diversen Unterseiten greift der Style noch nicht richtig (falscher Header etc)

---

Auf https://community.contao.org/en/ ist das noch der Fall. https://community.contao.org/en/ passt, aber https://community.contao.org/en/sear...e=vBForum_Post passt zB nicht.

Danke. Die Fehler beim englischen Forum behebe ich natürlich auch noch. Das deutsche hat aber erstmal Priorität (wesentlich mehr User). :)

Ihr könnt hier aber gerne auch Fehler vom englischen Forum melden, sofern es sich nicht um Sachen handelt, die hier schon fürs deutsche Forum gemeldet wurden (denn die korrigiere ich nach und nach sowieso auch noch im englischen Forum).

Hallo Nina :)

Ich bin mal so frei und poste was mir alles aufgefallen ist.

- Generell sind einige Buttons noch nicht im Flatdesign drinnen auch haben diese auch noch abgerundete Ecken. (+ Antworten)
- "Benachrichtigung" - Drop Down - weise Schrift auf grauem Balken
- Die vorgeschlagenen Bücher sind alle untereinander das kostet sehr viel Platz :)
- Suche pickt zu seht am rechten Rand sollte gleicher Abstand wie auf der rechten Seite sein.
- Links sind noch in so einem Dunklen Braun / Orange Ton, hier bin ich mit nicht sicher ob ihr hier auch das Orange von Contao verwenden möchtet
- Beim Balken "Aktive Nutzer" ist ein Verlauf drinnen, hier würde sich Flatdesign auch anbieten :)
- Antworten, Vorschau, Änderungen speichern Button haben noch einen Verlauf drinnen - Flatdesign

Über boxed oder fullwidth kann disskutiert werden, aber bei meiner Auflösung von 2560 x 1440 ist alles schon sehr breit :)

Liebe Grüße
Matthias

• Es gibt noch ein Problem mit dem Temp-Pfad. Dadurch gehen Uploads und teilweise Avatare nicht

Mir ist aufgefallen, dass ich kein thanks/like mehr posten kann. Beim anklicken des icons passiert nichts.

Zitat:

---

Zitat von dazzle89

Mir ist aufgefallen, dass ich kein thanks/like mehr posten kann. Beim anklicken des icons passiert nichts.

---

Ja, da scheint noch etwas defekt zu sein. "Hottest threads/posts" und "Thanks" funktionieren nicht.

• Darstellung der Subforen-Auflistung auf Startseite korrigieren
• Dadurch irrtümlich auch verschobene Ansicht der Whois-Liste korrigieren

Die Erweiterungen laufen jetzt wieder.

Kleine Anregung zum Thema boxed Layout.

Code:

---

#header-wrapper div {
    max-width: 1600px;
    margin: 0 auto;
}

---

Siehe Screenshots :)

Jetzt:
Anhang 18545

Nachher:
Anhang 18544

Falls ich etwas helfen kann, würde ich meine Hilfe anbieten.
Die Icons sollten ja auch angepasst werden.

Habe vorab mal 3 Stück aufgebaut. Wenn du willst mache ich dir alle Icons in diesem Stil :) (50x50 - SVG)

Hier mal ein ZIP:
Anhang 18546

Hallo Nina,

vielen Dank für die großartige Arbeit!

Mir ist aufgefallen, dass die beiden Menüpunkte "Contao-News" und "Contao-Links" im aufgeklappten Zustand folgendes Verhalten zeigen: ohne :hover steht weiße Schrift auf weißem Grund.

Diese Änderung scheit das zu beheben:

Code:

---

.navtabs li a.navtab:hover, .navtabs li a.navtab:focus {
    background: #AC5505 url(https://community.contao.org/de/images/gradients/selected-tab-gradient-with-top-alpha.png) repeat-x 0 -4px;
    color: #000000;
}

---

Gruß, folkfreund

Zitat:

---

Zitat von Messa

Falls ich etwas helfen kann, würde ich meine Hilfe anbieten.
Die Icons sollten ja auch angepasst werden.

Habe vorab mal 3 Stück aufgebaut. Wenn du willst mache ich dir alle Icons in diesem Stil :) (50x50 - SVG)

Hier mal ein ZIP:
Anhang 18546

---

Es scheint, dass du da PNGs in die SVGs reingeladen hast? Sprich: Ich kann die Dateien hier nicht ansehen.

Ich bin in den kommenden Tagen bis einschließlich Montag zeitlich sehr stark eingeschränkt, so dass ich weitere Änderungen voraussichtlich erst ab Dienstag vornehmen kann. Also bitte nicht denken, ich würde euch ignorieren :D

• Noch ein wenig an den Farbhinterlegungen (Text-Shadows) geschraubt, da sie teilweise bei Hover/Fokus von Links störten
• An mehreren Stellen gibt es noch blaue Links (bzw. bei Hover/Focus blaue Schriftfarbe)

@Nina

Ja habe es in SVG gemacht, SVG als Backgroundimage sollte doch auch klappen :)
Kann dir sie aber auch gerne als PNG speichern.
Hast du mir deine Mailadresse :)

Liebe Grüße
Matthias

Der text-shadow für die weiße Schrift (auf Orange) ist meiner Meinung nach ein wenig zu deftig ;). Looks cheap.

Zitat:

---

Zitat von Spooky

Der text-shadow für die weiße Schrift (auf Orange) ist meiner Meinung nach ein wenig zu deftig ;). Looks cheap.

---

Bin auch nicht begeistert. Du kannst gerne einen Alternativvorschlag machen. Das Ziel ist, dass der Kontrastwert akzeptabler wird, denn weiß auf Orange hat einen miserablen Kontrastwert*. Bin für Vorschläge offen, da mir leider die Zeit fehlt um selbst heute mit etwas besserem daher zu kommen (daher dieser Schnellversuch).

* Siehe z.B. der Kontrast-Schnellcheck hier - als Hintergrundfarbe F47C00 und als Vordergrundfarbe (Schrift) ffffff - dann seht ihr das Problem. :)
Das ist auch der Grund, weshalb ich die Standard-Textlinks auf ein sehr dunkles Orange (fast schon Braun) gesetzt habe: #a35609

Ich finde den Kontrast von Weiß zum Contao Orange eigentlich ok.

Zitat:

---

Zitat von Spooky

Ich finde den Kontrast von Weiß zum Contao Orange eigentlich ok.

---

Es geht ja nicht darum dass Du das okay findest, sondern darum, Lesbarkeit für alle Benutzerinnen und Benutzer herzustellen. Auch für diejenigen, die grössere Kontraste benötigen, damit ihre Augen das auflösen können.

Ein akzeptabler Kontrast ist da auf dem Orange eigentlich nur mit einer sehr dunklen Textfarbe möglich - was wieder andere Nachteile hat.

Ja, aber Kontrast mit text-shadow herstellen zu müssen sieht eben meist billig aus. Da bleibt dann nur mehr das Orange global zu ändern (sowohl für die Linkfarbe als auch als Hintergrundfarbe) - aber das bricht ja dann mit dem Contao CI. Insofern habe ich momentan keinen Vorschlag ;).

Die einfachste Lösung wäre, dass ich die Schrift auf schwarz umstelle, wenn sie auf dem orangenen Hintergrund liegt. Dann wäre der Kontrast ausreichend und der doofe Textschatten unnötig.

Sieht aber auch nicht gut aus und wäre genau so ein CI Bruch.

Wir überlegen schon, ob wir das gesamte Forum nicht komplett auf einen Textmodus umstellen können.

Zitat:

---

Zitat von Spooky

Sieht aber auch nicht gut aus und wäre genau so ein CI Bruch.

---

Ich finde es aber deutlich besser als die Variante mit dem Schatten. Vor allem aber haben wir so defintiv genügend Kontrast - das überwiegt imho irgendwelche CI-Befindlichkeiten :)

Zudem, wo steht, dass das ein CI Bruch ist? Es ist nirgends verbindlich geregelt, dass ich im Forum keinen schwarzen Text auf Orange setzen darf ;)

Zitat:

---

Zitat von lucina

Wir überlegen schon, ob wir das gesamte Forum nicht komplett auf einen Textmodus umstellen können.

---

*PRUST* :D

Zitat:

---

Zitat von Nina

Zudem, wo steht, dass das ein CI Bruch ist? Es ist nirgends verbindlich geregelt, dass ich im Forum keinen schwarzen Text auf Orange setzen darf ;)

---

Nein, natürlich nicht ;). Aber dann könnt ihr ja auch gleich das Orange ändern.

Zitat:

---

Zitat von Spooky

Nein, natürlich nicht ;). Aber dann könnt ihr ja auch gleich das Orange ändern.

---

*kiss* Du weißt, weshalb wir das nicht machen :cool:

Wäre es eine Option, neben dem Standard-Style noch eine Alternative (low-contrast) anzubieten?

Zitat:

---

Zitat von Hanski

Wäre es eine Option, neben dem Standard-Style noch eine Alternative (low-contrast) anzubieten?

---

Nein. Es wäre wirklich zu viel Arbeit noch mehr Styles dauerhaft aktuell zu halten.
Wenn dich die Darstellung arg stört, kannst du aber problemlos einen eigenen Userstyle machen und in deinen Browser einbinden. :)

Hallo Nina,

ist nur eine Kleinigkeit, wäre aber ganz nützlich das zu fixen:

Viele Entwickler haben im ER2 auf die passenden Unterforen oder Threads verlinkt, allerdings ohne /de.
Z.B. hier: https://contao.org/de/erweiterungsli...mplate.de.html wird auf

community.contao.org/showthread.php?16179-pdf-template-Template-und-CSS-f%FCr-PDF-Ausgabe-von-Artikeln
verlinkt, was jetzt zu
community.contao.org/de/showthread.php?16179-pdf-template-Template-und-CSS-f%FCr-PDF-Ausgabe-von-Artikeln geworden ist.

Danke für Deine tolle Arbeit am Forum!

Viele Grüße
Hella

Hallo Hella,

danke für den Hinweis. Ich fürchte, das kann neben den Entwicklern selbst wohl nur Leo ändern. Ich habe keinen Zugriff auf das ER und die dortigen Links.
Das Problem müsste aber im Prinzip schon vor dem Serverwechsel bestanden haben, da sich an der Linkstruktur des Forums schon lange nichts mehr geändert hat.

Grüße,
Nina

Hallo Nina,

eine Kleinigkeit hätte ich noch: im Impressum https://community.contao.org/de/impressum.php passt das Encoding noch nicht. Im Quelltext erscheint anders als im Forum

Code:

---

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

---

die Texte sind aber wohl UTF-8.

Gleiches bei https://community.contao.org/de/suchergebnis.php

Ist die dashed outline bei allen Links gewollt? Und wie befürchtet schaut schwarz auf Orange bescheiden und nicht nach Contao aus ;)

Danke für die Arbeit am Forum Nina!
Und Danke da es nun wieder eine größere (Klick)-fläche gibt auf dem Logo :)

Hm, wir wäre es mit folgendem text-shadow:

Code:

---

text-shadow: 0px 0px 3px rgb(133,67,0);

---

Statt der aktuellen Definition.

Hallo Nina,

ich habe zwar noch keinen Fehler gefunden - ich erlaube mir aber hier trotzdem mal was reinzuschreiben:
HERZLICHEN DANK für deine Arbeit!!
Ich fühle mich mit der Farbgebung und mit den Kontrasten sehr wohl!

vielen vielen Dank

Code:

---

            _
          /(|
          (  :
        __\  \  _____
      (____)  `|
      (____)|  |
      (____).__|
        (___)__.|_____

---

• Den „Post Thanks / Like“-Balken nicht auch noch in orange.

.posthead nur in .postbitlegacy.postbitim orange färben … sofern das geht. Dunkelgrau reicht da …

Die Textfarbe für "Keine neuen Benachrichtigungen" müsste noch angepasst werden.

mit der Zeitzone haut auch irgendwas nicht so recht hin.

Wenn ich angemeldet bin stimmen die Uhrzeiten der Posts und im Footer ist zu lesen "Alle Zeitangaben in WEZ +1"
Wenn ich nicht angemeldet steht dort "Alle Zeitangaben in WEZ +2"
Eine Einstellungsmöglichkeit bzgl. meiner Zeitzone finde ich in meinem Benutzerprofil zumindest nicht.

Danke, da war noch die Sommerzeit drin. Sollte jetzt passen.

Die Zeiteinstellungen sollten sich auch bei Dir im Bereich -> Benutzerkontrollzentrum -> Mein Benutzerkonto -> Einstellungen ändern -> Datum und Zeit finden lassen.

Hallo,

vor der Umstellung/Update waren die Icons in der Listenansicht (z.B. https://community.contao.org/de/foru...149-MetaModels) so wie das Icon, was beim ersten Posting ausgewählt wurde - ich meine das "Blatt-Icon" (https://community.contao.org/de/images/icons/icon1.png) => das wäre z.B. bei dem Posting https://community.contao.org/de/show...dem-Forenumzug das Icon "Rot mit !"

Gruss & Dank für die Arbeit

Im englischen Forum gibt es noch unstimmigkeiten bei den Farben:

https://community.contao.org/de/atta...1&d=1489052213

Der Orange Balken hat nicht die selbe Farbe wie im Deutschen Forum und der Hintergrund der Uhrzeit ist auch nicht der gleiche.


Seit der Umstellung sieht außerdem der Inhalt von [code], [html] und [php] Tags am Smartphone so aus:

Anhang 19005

Ist also nicht mehr wirklich lesbar.

Das schaut für mich erst einmal aus als ob Du den Desktop-Stil fürs Mobilgerät nutzen würdest.

Und ja: Angesichts der mauen Nutzung des separaten englischsprachigen Forums sind die Ressourcen für farbliche Anpassungen doch eher begrenzt.

Zitat:

---

Zitat von lucina

Das schaut für mich erst einmal aus als ob Du den Desktop-Stil fürs Mobilgerät nutzen würdest.

---

Nein, das ist nicht aktiv. Und ist wie gesagt erst nach dem Umzug so.

Dann kann ich das nicht reproduzieren. So sollte das ausschauen - bitte gib mal mehr Infos zu Gerät, sämtlichen Voreinstellungen, ggf. Zeitpunkt des Zugriffs.https://uploads.tapatalk-cdn.com/201...a89249dbf6.jpg


Gesendet von iPhone mit Tapatalk

Ist ein Moto X Force, mit Android 6.0.1 und Chrome for Android 56.0.2924.87. Ich teste es auch mal mit anderen Devices, die mir zur Verfügung stehen.

Im englischen Forum tritt das Problem bei mir auch nicht auf:

Anhang 19006

Dort scheint aber auch ein extra Mobile Layout zum Einsatz zu kommen? Hier im deutschen Forum ist das nicht der Fall.

Hier nochmal ein Screenshot im Inkognito Mode, um Einstellungen aus dem Profil oder aus Cookies ausschließen zu können: Anhang 19014

@lucina: wie sieht dieser Post auf deinem Smartphone aus?

Schaut jeweils korrekt aus:
Anhang 19015
Anhang 19016

EDIT: Das schaut unter Win 10 Mobile ebenfalls korrekt aus. Beim ollen Gingerbread erwarte ich ohnehin keine Höchstleistungen, das möchte ich gar nicht anschauen.

EDIT 2: Auch mein Fernseher mit Android 5 irgendwas stellt das dar.

Auf einem Google Nexus 5 mit selber Chrome und Android Version (wie das Moto X Force) sieht es auch so aus: Anhang 19017

Prinzipiell entsteht dieser Fehler ja, weil der Browser denkt, er muss die Schriftgröße vergrößern, um die Lesbarkeit zu verbessern, wenn die Website keinen mobilen Viewport definiert hat.

Das macht aber nicht immer Sinn und man muss dem mit CSS entgegenwirken.


Wie kommt man überhaupt zu diesem mobilen Layout auf deinen Screenshots? (@lucina)

Zitat:

---

Zitat von Spooky

Wie kommt man überhaupt zu diesem mobilen Layout auf deinen Screenshots?

---

Du kannst im Footer den Mobile Style auswählen.

Ah, danke.


Bei [code] Tags passt es übrigens: Anhang 19018