Neues Alpinforums-Layout/Theme 2017

[stavro_]

Insgesamt folgt phpBB leider dem Trend, alles irgendwie mit seichten Farben und Übergängen zu gestalten. Es soll auch Menschen mit Sehbehinderungen geben, die mit so was gar nicht klar kommen. Neu ist halt nicht immer automatisch auch besser.

das würde ich so gar nicht sagen. eigentlich sehen die "neuen" phpbb themes schon wieder sehr veraltet aus.
zumindest geht man da mit aktuellen webdesign richtlinien wieder ganz andere wege.

es ist also (zumindest aus meiner sicht, geschmäcker sind ja sehr unterschiedlich) gar nicht mal so einfach, fertige, ansehnliche und zugleich benutzerfreundliche phpbb themes zu finden.
allerdings war das imho auch schon vor 10 jahren so, da hab ich mir aus dem damaligen default halt mein eigenes theme gemacht.

vllt auch ein grund, warum phpbb als board und foren lösung an beliebtheit verloren hat. weil die funktionalität an sich ist imho immer noch sehr gut.

 

[starli]

http://ski.inmontanis.info/0alpinforum/af-re-3.JPG
Bessere Abgrenzung des Posts vom Infobereich des Users, gleiches Farbschema für alle Beiträge, gute Abgrenzung von Kommentaren und Beiträgen untereinander

Das mit dem gleichen Farbschema stimmt allerdings nicht Es gibt durchaus einen hauchdünnen Unterschied. Bei den Topic-Listen hab ich mich allerdings bewusst für einen stärkeren Zebra-Listen-Effekt entschieden, da das m.E. die Lesbarkeit erhöht im Vgl. zum Ursprungs-Theme.

http://ski.inmontanis.info/0alpinforum/af-re-4.JPG
Ist jetzt nicht so mein Fall, vielleicht gibts dafür noch eine bessere Lösung.

Was genau meinst du jetzt im Detail? Ich geh mal davon aus, du meinst die Darstellung des Bildes über den Rand hinaus? In den neuen AF-Themes wird das Bild ja optisch abgeschnitten und man kann innerhalb des einzelnen Beitrags bzw. der Antwort scrollen = umständlich, weil die Scrollbar nicht immer sichtbar ist. Ich hab das also so geändert, dass das Bild immer komplett angezeigt wird, so dass man bei überbreiten Bildern (bzw. kleinen Browserfenstern, wie sie mir lieber sind) wieder den kompletten Browser-Bereich scrollen kann.

Damit gibt's jetzt 2 Varianten:
a) der komplette Post-Beitragsbereich verbreitert sich. Damit werden auch die Textzeilen länger und u.U. zu lang, so dass man bei jeder Textzeile hin und her scrollen muss. Das war früher schon immer etwas nervig, z.B. bei Skichriegels breiter Signatur, die ohne Leerzeichen nicht umgebrochen wurde.
b) der Post-Beitragsbereich bleibt gleich und nur das Bild hängt über den Rand hinaus. Damit das nicht gar so fehlerhaft wirkt, hab ich nun generell um die Bilder einen weißen 2-pixel-Rahmen und einen Schatten herum gelegt.
c) das Bild wird kleiner dargestellt, falls das möglich ist (hab ich nicht probiert, weil ich das egtl. nicht will)

Für mich persönlich ist die Variante b also ein "best-of-both-worlds" und eine Verbesserung zum ursprünglichen AF-Style, trotz des optischen Bruchs.

Zum generellen Thema nervige neue Layouts: ÖAMTC-Seite wurde vor wenigen Tagen auch redesignt und ist 100x unübersichtlicher als früher und umständlicher zu bedienen.

 

[NeusserGletscher]

Das mit dem gleichen Farbschema stimmt allerdings nicht Es gibt durchaus einen hauchdünnen Unterschied.

:lol: den man allerdings fast nur mit ColorPicker "sieht"

c) das Bild wird kleiner dargestellt, falls das möglich ist (hab ich nicht probiert, weil ich das egtl. nicht will)

das wäre für mich aus Gründen der Übersichtlichkeit des Threads die beste Lösung (mit hinterlegtem Link auf die volle Auflösung).

 

[Petz]

Insgesamt folgt phpBB leider dem Trend, alles irgendwie mit seichten Farben und Übergängen zu gestalten. Es soll auch Menschen mit Sehbehinderungen geben, die mit so was gar nicht klar kommen. Neu ist halt nicht immer automatisch auch besser.

Nachdem Petz´s Augen eben nicht mehr die besten sind hab ich genau das Problem mit dem "pastellfarbenbedingt" schlechten Kontrast; hab zwar gottseidank tagsüber noch keine direkten Leseprobleme aber deutlich anstrengender wie mit der "historischen" Version ist es trotz Hebi´s Verbesserungen leider immer noch.
Das summasumarum für mich aktuell am besten lesbare Forum ist dieses hier um mal ein Beispiel für meine Preferenzen zu geben:

http://alte-modellbahnen.xobor.de/

 

[NeusserGletscher]

Nachdem Petz´s Augen eben nicht mehr die besten sind hab ich genau das Problem mit dem "pastellfarbenbedingt" schlechten Kontrast;

Mal schauen, wenn Starli mit seinen Modifikationen fertig ist, kann man sicher daraus auch noch eine Version mit größerem Kontrast bauen.

@Starli: Betreff Bildbreite: Den Murks mit dem im Thread liegenden Scrollbalken hatte ich noch gar nicht entdeckt (bin mit einem breitem Monitor im Netz). Da ist es natürlich besser, die Bilder über den Thread hinausragen zu lassen, bevor man im Beitrag den Scrollbalken gefunden hat.

Ich habe noch was zur Verbreiterung des informativen Teils:

  /* user profile with hover effect */
  .postprofile
  {
    /* reduced width on standard view */
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0.8em;
  }
 
  .postprofile > dd
  {
    /* hide verbose info */
    display: none;
  }

  /* reset default on hover */
  .postprofile:hover
  {
    width: 165px;
    white-space: initial;
    overflow: initial;
    font-size: inherit;
  }
 
  .postprofile:hover > dd
  {
    display: block;
  }

Damit wird der eigentlich mittlerweile ziemlich überfrachtete Part mit den Userinformationen reduziert. Erst, wenn man mit der Maus drüber fährt, erhält man alle Informationen. Ich bin zwar kein Freund solch "zappeliger" Layouts, in diesem Fall aber kann ich damit leben, weil der Mehrgewinn an Platz auf kleinen Monitoren die Nachteile überwiegt.

 

[starli]

@Starli: Betreff Bildbreite: Den Murks mit dem im Thread liegenden Scrollbalken hatte ich noch gar nicht entdeckt (bin mit einem breitem Monitor im Netz). Da ist es natürlich besser, die Bilder über den Thread hinausragen zu lassen, bevor man im Beitrag den Scrollbalken gefunden hat.

Ich hab auch einen breiten Monitor, aber mein Browser-Fenster relativ schmal, weil mir sonst die Textzeilen zu breit sind und ich beim Lesen meinen Kopf bewegen müsste -> das nervt.

Nichtsdestotrotz geb ich deinem ursprünglichen Gedanken recht, dass es doch sinnvoller ist, die Bilder zu verkleinern, wie es egtl. im ursprünglichen Responsive-Style auch sein sollte.

Hab das mal ausprobiert und per Mouse-Hover wird das Bild dann groß dargestellt. Das wiederum hat aber den Nachteil, dass bei kleineren Bildern das Bild nicht vergrößert wird, sondern einfach nur etwas verschoben wird (so ca. in die Mitte des Bildschirms) ...

->
a) Verkleinerte (responsive) Darstellung:
http://ski.inmontanis.info/0alpinforum/af-re-5a.JPG

b) Hover-Effekt bei schmalem Browser: (Der Sinn ist natürlich hauptsächlich den Profil-Bereich links mit dem Bild zu füllen, falls nötig)
http://ski.inmontanis.info/0alpinforum/af-re-5b.JPG

c) Hover-Effekt bei breitem Browser, hier leider unsinnig:
http://ski.inmontanis.info/0alpinforum/af-re-5c.JPG

(Das Problem ist, wenn ich nur die Bildgröße beim Hovern ändere, wird das Bild nach rechts vergrößert, ein Scrollbalken erscheint, aber der Scrollbalken funktioniert bei so einer Hover-Vergrößerung nicht. Währenddessen ist links der Bereich des Userprofils leer - somit wäre es sinnvoller, wenn sich das Bild nach links vergrößern würde und rechts fix bliebe, aber das ist mir nicht gelungen. Allerdings muss man ja auch nicht mit der Maus auf das Bild fahren und dann wird auch nix vergrößert und nix verschoben .. )

Damit wird der eigentlich mittlerweile ziemlich überfrachtete Part mit den Userinformationen reduziert. Erst, wenn man mit der Maus drüber fährt, erhält man alle Informationen. Ich bin zwar kein Freund solch "zappeliger" Layouts, in diesem Fall aber kann ich damit leben, weil der Mehrgewinn an Platz auf kleinen Monitoren die Nachteile überwiegt.

Nah, das ist nicht so mein Fall, das bin ich ich zu sehr gewohnt, dass das Profil links steht und immer sichtbar ist..

Alldiweil hab ich das "Neue Beiträge" angepasst:
http://ski.inmontanis.info/0alpinforum/af-re-6.JPG
.. was auch nicht so einfach war, denn das HTML-Konstrukt unterscheidet sich hier anscheinend eigenartigerweise von der normalen Topic-Liste und es fehlen Klassen, so dass ich mich solchermaßen behelfen musste (vielleicht geht's auch anders, aber meine anderen Versuche kamen zu keinem Ergebnis):

h2.searchresults-title ~ p ~ div.forumbg ul.topiclist.topics div.list-inner a {
etc.

Allgemeine Verbesserungsidee, aber vmlt. ist das in reinem CSS hier nicht anzupassen und wird eher im HTML-Konstrukt vorbereitet sein müssen: Beim Schreiben von einem Beitrag sollte m.E. der Bildschirm gesplittet sein, der Editor immer unten sichtbar, auch wenn man sich die Vorschau anschaut, so dass man nicht immer rauf und runter scrollen muss (Das könnte noch lösbar sein). Und wenn man mehr von der Vorschau und weniger von dem Editor sehen möchte, sollte man den Editor mit einem Klick ausblenden können.. (Oder alternative Idee: Editor und Vorschau mit 2 Tabs zum schnellen wechseln)

 

[NeusserGletscher]

Betr. Editor und Bilder: Das ist mit CSS alleine nicht sinnvoll zu lösen. Besser wäre, die Bilder skaliert darzustellen und auf Knopfdruck dann aufzuziehen. Ebenso beim Editor, da wäre ein Button hilfreich, mit dem man schnell zwischen beiden Ansichten wechseln kann.

 

[starli]

Betr. Editor und Bilder: Das ist mit CSS alleine nicht sinnvoll zu lösen. Besser wäre, die Bilder skaliert darzustellen und auf Knopfdruck dann aufzuziehen. Ebenso beim Editor, da wäre ein Button hilfreich, mit dem man schnell zwischen beiden Ansichten wechseln kann.

Naja, was die Bilder angeht - da ist ja auch oft ein Link hinterlegt, da wird das dann mit einem zusätzlichen Click-to-Enlarge schon schwierig..

Aber was den Editor angeht, funktioniert gar nicht mal sooo schlecht. Hier mal ein Screenshot einer schnellen, unfertigen Umsetzung, in dem der Editor normalerweise verkleinert ist und via Hover-Effekt dann vergrößert angezeigt wird:

http://ski.inmontanis.info/0alpinforum/af-re-9c.JPG
http://ski.inmontanis.info/0alpinforum/af-re-9b.JPG

.. wobei das teilweise auch etwas nervt, wenn er sich laufend verkleinert, z.B. wenn man Bilderlinks einbindet. Alternativ immer in Mindestmaß anzeigen hieße dagegen, dass die Vorschau immer nur halb so hoch ist, also vielleicht auch nicht so optimal, aber mir wohl lieber .. hmja, wenn man das noch mit einem Hover-Effekt auf die Vorschau verknüpft, bei dem man den z-index erhöht, damit die Vorschau über den Editor liegt. Das funktioniert gar nicht mal so übel.
>> http://ski.inmontanis.info/0alpinforum/af-re-9d.JPG
(wobei der Hover-Effekt leider beim Scrollen mit der Scrollbar wieder deaktiviert wird; nicht aber beim Benutzen des Maus-Scrollrades oder der Tastatur zum Scrollen.)


Nebenbei hab ich mir auch noch die Suche mal vorgeknöpft:

http://ski.inmontanis.info/0alpinforum/af-re-7.JPG
http://ski.inmontanis.info/0alpinforum/af-re-8.JPG

 

[NeusserGletscher]

Bez. Editor hatt ich an einen fest auf dem Bildschirm positionierten Button gedacht, mit dem man schnell zwischen Editor und Vorschau scrollen kann bzw. wechselseitig Vorschau und Editor ausblendet.

 

[starli]

^ ich konzentrier mich lieber auf die Sachen, die ich ändern kann, möchte die Sache bald mal abschließen. Bin jetzt aber auch wirklich bald fertig.

Persönlicher Bereich:
http://ski.inmontanis.info/0alpinforum/af-re-11.JPG

PMs/PN:
http://ski.inmontanis.info/0alpinforum/af-re-10.JPG

 

[NeusserGletscher]

Größer Schrift, klarere Abgrenzung durch farbige Ränder, gefällt mir

 

[fabile]

Kann man eigentlich einstellen, dass der letzte Beitrag zuerst kommt?

 

[SCHLITTLER95]

Kann man eigentlich einstellen, dass der letzte Beitrag zuerst kommt?

Wenn du auf das blaue Seilbahnbild drückst, kommst du zum letzten, nicht gelesenen Post. Meintest du das?

 

[Talabfahrer]

Kann man eigentlich einstellen, dass der letzte Beitrag zuerst kommt?

Das kommt darauf an, ob Du das Forum an- oder abgemeldet betrachtest. Wenn Du angemeldet bist, dann wirken die Einstellungen, die Du im "Persönlichen Bereich" unter Anzeigeoptionen ändern vorgenommen hast. Für Themen und Beiträge kann man dort jeweils eine Sortierreihenfolge angeben. Hat aber eigentlich nichts mit dem neuen Layout zu tun, denn das ging vorher auch schon.

 

[br403]

@Starli: Und wenn Du ehrlich bist, kannst du anscheinend doch nicht auf das AF verzichten...

 

[starli]

@Starli: Und wenn Du ehrlich bist, kannst du anscheinend doch nicht auf das AF verzichten...

Doch, das ging die letzten Wochen ganz gut, also im Sinne von: Hab kaum Beiträge gelesen, Berichte glaub nur einen einzeigen, und hier und da die aktuelle Schneesituation überflogen.

Das mit dem Style war eher eine Herausforderung, ein Lern-Projekt, man lernt ja was dabei, ich hab jetzt einige CSS-Selektoren besser verstanden, einige neue Möglichkeiten gefunden und einige CSS-Features, die ich bisher nicht kannte, wie z.B. "content", schätzen gelernt. Auch wenn das meiste eher ein "Try-and-Error" war und ich bei z.B. "display" immer alles durchprobiert hab, bis ich das gefunden hab, was gerade am besten passt..

Dann verlink ich hier noch das Endergebnis:
http://www.alpinforum.com/forum/viewtopic.php?f=13&t=57692

 

[NeusserGletscher]

Vielen Dank für Deine Arbeit. Ich hab es mal installiert und werde es ausgiebig ausprobieren. Was mir auf Anhieb gefällt: Mehr Platz für die eigentliche Information auf dem Schirm, deutlichere Abgrenzung der Bereiche. Editor gut gelöst, vor allem muss man nicht mehr so oft scrollen, um an wesentliche Infos oder Einstellungen heranzukommen. Sind die über 1700 Zeilen alles Neudefinitionen? Autsch!

 

[Petz]

Doch, das ging die letzten Wochen ganz gut, also im Sinne von: Hab kaum Beiträge gelesen, Berichte glaub nur einen einzeigen, und hier und da die aktuelle Schneesituation überflogen.

Ich hab auch nur PN´s und jene Beiträge gecheckt bei denen ich Benachrichtigungen aktiviert hatte. Dank Deines Engagements ist das AF jetzt gottseidank wieder "petztauglich" und dafür Dir ein ganz dickes Dankeschön

 

[stavro_]

@starli ist dir ziemlich gut gelungen, sehr brauchbar.

 

[fabile]

Kann man eigentlich einstellen, dass der letzte Beitrag zuerst kommt?

Das kommt darauf an, ob Du das Forum an- oder abgemeldet betrachtest. Wenn Du angemeldet bist, dann wirken die Einstellungen, die Du im "Persönlichen Bereich" unter Anzeigeoptionen ändern vorgenommen hast. Für Themen und Beiträge kann man dort jeweils eine Sortierreihenfolge angeben. Hat aber eigentlich nichts mit dem neuen Layout zu tun, denn das ging vorher auch schon.

Danke!