New style for the forum available (now responsive!) - Air3

Hallo,

Super Sache, dass das jetzt mit dem Handy besser gehen soll…

Ich habe das jetzt mal am PC eingestellt. Sollte ich mit dem normalen Browser auch irgend etwas neues bemerken?

Lg, Gppes

Tolle Sache, wurde auch schon in der vorigen Wochennotiz vorgestellt (noch unter anderem Namen). Habe allerdings noch nicht viel getestet, da ich nicht durchgehend eingeloggt bin.

Ja, es geht jetzt über die gesamte Breite, was man aber mMn. noch ändern sollte und für .pun wieder

max-width: 1070px;
margin: 0 auto;

hinzufügen sollte.
Und es skaliert natürlich schöner, wenn du das Fenster verkleinerst

Ich finds gut, besonders für das Smartphone scheint er auf den ersten Blick besser geeignet. Danke!

Jo, am Handy echt super!

Oh crap, das war nur mal zum testen zwei Styles hochgeladen, das sollte noch gar nicht so raus, genau wegen der Situation jetzt :stuck_out_tongue: Naja, geht die Welt auch nicht unter. danke für die Info und ich werde die Wochennotiz noch informieren. Da ich den Style jetzt gemacht habe, kann ich einfach Änderungen vornehmen und der Name bleibt gleich.

Gerade noch einmal angeschaut, ich denke, damit hast du recht. Ist notiert und ich warte erstmal ab, kommt aber wieder rein. Ein bisschen rumgelesen https://graphicdesign.stackexchange.com/questions/30731/what-width-should-i-design-for-when-creating-a-website oder https://graphicdesign.stackexchange.com/questions/30731/what-width-should-i-design-for-when-creating-a-website und ich denke, 1070px ist ein ganz guter Wert. Danke für den Input! :slight_smile:

Ahja, und ich hab Screens hinzugefügt für einen direkten Vergleich. Links alt, rechts neu oder oben alt, unten neu.

EDIT: Wenn die Screenshots jemand nicht haben will (weil Name oder whatever) bitte einfach melden, ich mach dann andere, wo kein Nick drauf ist :smiley:

Das Datum und die # sollte bei der mobile Variante noch weiter nach rechts, idealerweise gleich rechtsbündig, aber fürs erste würde auch schon helfen das padding-left des h2 von 140px auf bspw. 260px zu erhöhen:

Ich finde das Design auch nach einigen Tagen Dauertest noch gut. Nur dass die Schaltflächen für die Formatierung der Schnellantwort über die gesamte Breite gehen empfinde ich etwas irritierend und Platzverschwendung.

Es werden gerade neue Favicons für sämtliche Seiten von OSM gesucht, ich werde also auch das Template schon mal für ein Favicon vorbereiten. Die Breite wird angepasst und die Zeit/das Datum und die Postingnummer habe ich auch bereits angepasst, Luzandro.
Ich werde mal schauen, ob ich das mit den Formatierungen für die Schnellantwort auch noch anpassen kann. Danke für die Rückmeldung :slight_smile:

Dazu sollte es reichen diesen Pull-Request zu akzeptieren: https://github.com/natrius/air3/pull/3

Warum kleine Buttons, wenns die großen doch auch tun?

warum direkt aneinander gestapelte breite Buttons, die einen beträchtlichen Teil des kleinen Displays brauchen, wenn die schmalen mit größerem Abstand besser zu treffen sind und weniger Platz brauchen?

New responsive style Air3 is very functional on narrow screens in smartphone, but in narrowest style it will be nice to have forum name next to topics. I made some screenshot modifications, where I present what I mean. It is easier to preview new posts on forum. Is it possible?

Pullrequest accepted, gefällt mir gut. ist auch Platzsparender am Smartphone und um das gehts ja effektiv dann.

@Marek-M
Ohiu, never used the “new topics” before. Will take a look into that, thank you :slight_smile:

Hei,

Danke,

lässt es sich so gestalten, daß ich z.B. nur auf dem Handy den responsive Style nutzen kann? Also z.B. Handy “Air3” und Tablet/Laptop zugleich z.B. “Earth”? Wenn ich derzeit auf dem Handy “Air3” einstelle, habe ich es auf anderen Geräten (Tablett, Laptop) auch, was mir nicht gefällt. Ich würde das Forum nur auf dem Handy in angepasster Ansicht haben wollen…

Sven

@Marek-M

Please take a look at the GitHub Issue - that would be something thats possible right now. I will look into removing the column and just writing it below the title, but i can’t promise that.

@streckenkundler

Servus. Ich befürchte, das gibt die Forensoftware so nicht her :confused: Phiu. Man könnte schauen, ob man Air mit den Farben usw. auf Earth ummünzen kann. Sonst hat sich, glaube ich, nichts geändert. Ich kann mir das bezeiten zwar schon mal anschauen, aber erst, wenn der Style zumindest das nächste Update hat.

Cool! It will be great if you change it! Thank you :slight_smile:

Update:

  • Changed max width to 1070px for a better readability on the desktop
  • forum names now visible when viewing “new” threads
  • Increased visibility for Sticky threads, raised fontsize and added a symbol in front
  • date and postnumber now right aligned on cellphone

Is the increased font-size for sticky threads over the top? Espacially because its affecting closed threads as well? @Luzandro it seems like the change does not affect my phone? Care to check again?

EDIT: Vergiss es Luzandro, ich war deppert und hab deine Änderung irgendwie gelöscht. Wie auch immer. Ich packs wieder rein.

Thank you very much! Now it looks exactly like I dreamed. Very good job!

Actually, this was a change for the worse. I enjoyed the style while it filled the whole screen, now it is no benefit over the other themes on the desktop and caused me to change back to Oxygen which I like better concerning colors and sizes.

But if there are others who don’t like a forum to use just half of the screen: You can set any theme to full screen yourself with the browser plugin stylish.

Regarding forum migration: there’s a flaw in Air3 that it doesn’t show the announcement banner put by the admins.
If you switch to Air the announcement is there.

Compare https://github.com/fluxbb/fluxbb/blob/b958c04d30a4d5d9e716f930c4c3846887c34f69/include/template/main.tpl
and https://github.com/natrius/air3/blob/master/Air3/main.tpl
There is no <pun_announcement> in Air3.

As Air3 is the default theme, almost nobody has seen this important message so far.