geringere Inhaltsbreiten im Wiki – Meta-Forum (read only) Das Forum für alle Themen, die nicht ins SELFHTML Forum passen. https://forum.selfhtml.org/meta geringere Inhaltsbreiten im Wiki Mon, 24 Sep 18 13:52:12 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732641#m1732641 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732641#m1732641 <p>Hej Robert,</p> <blockquote> <p><a href="/images/0705f842-3fb0-41e8-856a-41f6a22231bd.png" rel="noopener noreferrer"><img src="/images/0705f842-3fb0-41e8-856a-41f6a22231bd.png?size=medium" alt="Screenshot des SELFHTML-Wikis bei einer Bildschirmauflösung von 1920×1080 Pixeln." title="Screenshot des SELFHTML-Wikis bei einer Bildschirmauflösung von 1920×1080 Pixeln." loading="lazy"></a></p> </blockquote> <p>Warum geht die Quellcode-Box nicht bis an den Rand des viewports? Wäre dich sinnvoll.</p> <p>Marc</p> Text zwei- oder dreispaltig Mon, 24 Sep 18 18:01:21 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732734#m1732734 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732734#m1732734 <p>Hallo marctrix,</p> <blockquote> <p>Warum geht die Quellcode-Box nicht bis an den Rand des viewports? Wäre dich sinnvoll.</p> </blockquote> <p>Falls das nicht nur eine rethorische Frage ist: Weil das body-Element eine maximal-Breite hat. Und nein, ich finde es nicht gut, nur den Fließtext in der Breite zu beschränken.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> Text zwei- oder dreispaltig Mon, 24 Sep 18 18:24:52 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732740#m1732740 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732740#m1732740 <p>Hej Matthias,</p> <blockquote> <blockquote> <p>Warum geht die Quellcode-Box nicht bis an den Rand des viewports? Wäre dich sinnvoll.</p> </blockquote> <p>Falls das nicht nur eine rethorische Frage ist: Weil das body-Element eine maximal-Breite hat. Und nein, ich finde es nicht gut, nur den Fließtext in der Breite zu beschränken.</p> </blockquote> <p>Die maximal-Breite lässt sich überwinden (wird im bestehenden Layout schwierig, geht aber vermutlich auch).</p> <p>Dass du das nicht schön findest, kann ich nicht verhindern. </p> <p>Ich finde es nicht schön, horizontal auf meinem 21:9-Monitor scrollen zu müssen, weil 3/4 meiner Bildschirmbreite aus Design-Gründen unbenutzbar sind…</p> <p>Marc</p> Text zwei- oder dreispaltig Mon, 24 Sep 18 18:34:17 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732741#m1732741 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732741#m1732741 <p>Hallo marctrix,</p> <blockquote> <p>Ich finde es nicht schön, horizontal auf meinem 21:9-Monitor scrollen zu müssen, weil 3/4 meiner Bildschirmbreite aus Design-Gründen unbenutzbar sind…</p> </blockquote> <p>Wenn du nur die code-Blöcke breiter machst, sparst du nur in ganz wenigen Fällen ein paar Zeilen ein.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> Text zwei- oder dreispaltig Mon, 24 Sep 18 18:42:51 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732743#m1732743 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732743#m1732743 <p>Hallo marctrix,</p> <p><a href="/images/aec40610-a46e-45c5-a17a-8c9c2e792d84.png" rel="noopener noreferrer"><img src="/images/aec40610-a46e-45c5-a17a-8c9c2e792d84.png?size=medium" alt="Screenshot wiki mit 30em Fließtextbreite und unbeschränkten Codeboxen" loading="lazy"></a></p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> Text zwei- oder dreispaltig Mon, 24 Sep 18 19:32:50 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732760#m1732760 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732760#m1732760 <p>@@marctrix</p> <blockquote> <p>Ich finde es nicht schön, horizontal auf meinem 21:9-Monitor scrollen zu müssen, weil 3/4 meiner Bildschirmbreite aus Design-Gründen unbenutzbar sind…</p> </blockquote> <p>Mal von dem Pluspunkt dafür abgesehen: Womöglich sind ja zu lange Codezeilen die Wurzel des Übels. Ein paar Zeilenumbrüche machen auch Code besser lesbar.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Text zwei- oder dreispaltig Mon, 24 Sep 18 19:39:29 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732762#m1732762 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732762#m1732762 <p>Hallo marctrix,</p> <blockquote> <p>Ich finde es nicht schön, horizontal auf meinem 21:9-Monitor scrollen zu müssen, weil 3/4 meiner Bildschirmbreite aus Design-Gründen unbenutzbar sind…</p> </blockquote> <p>Wenn wir schmale Fließtexte haben und unbeschränkte Codeboxen, sind immer noch 3/4 deiner Bildschirmbreite unbenutzbar.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> Text zwei- oder dreispaltig Mon, 24 Sep 18 19:08:37 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732752#m1732752 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732752#m1732752 <p>Hej Matthias,</p> <blockquote> <p><a href="/images/aec40610-a46e-45c5-a17a-8c9c2e792d84.png" rel="noopener noreferrer"><img src="/images/aec40610-a46e-45c5-a17a-8c9c2e792d84.png?size=medium" alt="Screenshot wiki mit 30em Fließtextbreite und unbeschränkten Codeboxen" loading="lazy"></a></p> </blockquote> <p>Passt! </p> <p>Photoshop?</p> <p>Im Ernst: ich fände es besser. Mir ist bewusst, dass wenige so einen breiten Monitor haben, aber irgendwie ist es doch Design für alle, wenn man auch solche wie mich mitnimmt, oder?</p> <p>Zumal ich die Schrift immer ziemlich groß eingestellt habe…</p> <p>Marc</p> Text zwei- oder dreispaltig Mon, 24 Sep 18 19:30:16 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732758#m1732758 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732758#m1732758 <p>@@Matthias Apsel</p> <blockquote> <p><a href="/images/aec40610-a46e-45c5-a17a-8c9c2e792d84.png" rel="noopener noreferrer"><img src="/images/aec40610-a46e-45c5-a17a-8c9c2e792d84.png?size=medium" alt="Screenshot wiki mit 30em Fließtextbreite und unbeschränkten Codeboxen" loading="lazy"></a></p> </blockquote> <p>Ja, und? Niemand verlangt, dass Quelltext in einer gelben Box steht. </p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Text zwei- oder dreispaltig Mon, 24 Sep 18 19:12:00 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732754#m1732754 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732754#m1732754 <p>Hallo marctrix,</p> <blockquote> <p>Photoshop?</p> </blockquote> <p>Entwicklerwerkzeuge.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> Text zwei- oder dreispaltig Sun, 30 Sep 18 20:54:02 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733209#m1733209 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733209#m1733209 <p>Aloha ;)</p> <blockquote> <p>Im Ernst: ich fände es besser.</p> </blockquote> <p>Ich fürchte da scheiden sich die Geister.</p> <p>Grüße,</p> <p>RIDER</p> <div class="signature">-- <br> Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller<br> # <a href="https://twitter.com/Camping_RIDER" rel="nofollow noopener noreferrer">Twitter</a> # <a href="http://steamcommunity.com/id/Camping_RIDER" rel="nofollow noopener noreferrer">Steam</a> # <a href="https://www.youtube.com/user/RidersFlame" rel="nofollow noopener noreferrer">YouTube</a> # <a href="http://wiki.selfhtml.org/wiki/Benutzer:Camping_RIDER" rel="nofollow noopener noreferrer">Self-Wiki</a> # <a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: sh:) fo:) ch:| rl:) br:^ n4:? ie:% mo:| va:) js:) de:> zu:} fl:( ss:) ls:[ </div> Text zwei- oder dreispaltig Tue, 25 Sep 18 06:04:58 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732790#m1732790 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732790#m1732790 <p>Hej Matthias,</p> <blockquote> <blockquote> <p>Photoshop?</p> </blockquote> <p>Entwicklerwerkzeuge.</p> </blockquote> <p>Dann kann ich das sicher mit meinem User-CSS hinkriegen — obwohl: das gibt es nur im Forum, oder?</p> <p>Marc</p> Text zwei- oder dreispaltig Tue, 25 Sep 18 05:55:42 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732787#m1732787 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732787#m1732787 <p>Hej Gunnar,</p> <blockquote> <p>@@Matthias Apsel</p> <blockquote> <p><a href="/images/aec40610-a46e-45c5-a17a-8c9c2e792d84.png" rel="noopener noreferrer"><img src="/images/aec40610-a46e-45c5-a17a-8c9c2e792d84.png?size=medium" alt="Screenshot wiki mit 30em Fließtextbreite und unbeschränkten Codeboxen" loading="lazy"></a></p> </blockquote> <p>Ja, und? Niemand verlangt, dass Quelltext in einer gelben Box steht. </p> </blockquote> <p>Das war tatsächlich auch mein erster Gedanke - ohne den sichtbaren Rahmen oder mit etwas dezenterem (oder vielleicht sogar schwarzer Hintergrund, wie von vielen Entwicklern bevorzugt könnte man den Kasten entweder so gestalten, dass er weniger schmerzhaft ins Auge sticht oder aber eben durch eine ganz andere Gestaltung aus dem üblichen Layout nehmen, eben so als wäre es eine Editor-Ansicht.</p> <p>Marc</p> Text zwei- oder dreispaltig Mon, 24 Sep 18 19:37:13 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732761#m1732761 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732761#m1732761 <p>Hallo Gunnar Bittersmann,</p> <blockquote> <p>Mal von dem Pluspunkt dafür abgesehen: Womöglich sind ja zu lange Codezeilen die Wurzel des Übels. Ein paar Zeilenumbrüche machen auch Code besser lesbar.</p> </blockquote> <p>Genau. Und diese sinnlosen Einrückungen.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> Text zwei- oder dreispaltig Tue, 25 Sep 18 06:03:51 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732789#m1732789 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732789#m1732789 <p>Hej Gunnar,</p> <blockquote> <p>@@marctrix</p> <blockquote> <p>Ich finde es nicht schön, horizontal auf meinem 21:9-Monitor scrollen zu müssen, weil 3/4 meiner Bildschirmbreite aus Design-Gründen unbenutzbar sind…</p> </blockquote> <p>Mal von dem Pluspunkt dafür abgesehen: Womöglich sind ja zu lange Codezeilen die Wurzel des Übels. Ein paar Zeilenumbrüche machen auch Code besser lesbar.</p> </blockquote> <p>Die Codezeilen sind ja tatsächlich oft nur wenig länger als der Kasten.</p> <p>Aber die Länge rührt ja oft nicht (nur) von viel Text sondern auch von einer mehrstufigen Verschachtelungstiefe. Die Kombination macht es.</p> <p>CSS ist eh meist kurz, da können aber beispielsweise Kombinationen aus relativ langem Selektor (<code>background-image</code>) und Werten, die eine url enthalten mehr als 80 Zeichen enthalten. In einer media-queria eingerückt wird es dann nicht besser…</p> <p>Wenn ich HTML per Hand schreibe, notiere ich längere Fließtexte gerne so:</p> <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus sapiente dignissimos doloribus accusantium nobis reiciendis optio illum natus maiores dicta assumenda, adipisci, cupiditate rem voluptatibus cumque eum doloremque, quis quas? <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> </code></pre> <p>Ohne Zeilenumbruch-Ansicht kümmere ich mich um den Code - da brauche ich das Zeilenende nicht zu sehen und wenn ich einen Typ o.ä. korrigieren will (längere Texte tippe ich für gewöhnlich nicht im Editor), aktiviere ich den Zeilenumbruch, dann sieht es wie hier gezeigt aus.</p> <p>Aber: ich habe auch schon händisch in Texte Zeilenumbrüche eingefügt. Ist allerdings schon lange her </p> <p>Vermutlich lässt sich das auch automatisieren?</p> <p>Marc</p> Text zwei- oder dreispaltig Mon, 24 Sep 18 19:56:43 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732766#m1732766 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732766#m1732766 <p>@@Matthias Apsel</p> <blockquote> <p>Womöglich sind ja zu lange Codezeilen die Wurzel des Übels. Ein paar Zeilenumbrüche machen auch Code besser lesbar.</p> <p>Genau. Und diese sinnlosen Einrückungen.</p> </blockquote> <p>Die man ja so breit einstellen kann wie man’s gerne hätte.</p> <p>Vorausgesetzt, der Autor des Codes war so schlau und hat für die Einrückungen die richtigen Zeichen verwendet. Also Tabs, keine Leerzeichen.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Text zwei- oder dreispaltig Tue, 25 Sep 18 06:37:15 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732796#m1732796 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732796#m1732796 <p>Hallo</p> <blockquote> <blockquote> <p>Mal von dem Pluspunkt dafür abgesehen: Womöglich sind ja zu lange Codezeilen die Wurzel des Übels. Ein paar Zeilenumbrüche machen auch Code besser lesbar.</p> </blockquote> <p>Genau. Und diese sinnlosen Einrückungen.</p> </blockquote> <p>Hmm, euer Dialog wirkt auf mich irgendwie unnötig schnippisch. Dabei liegt die Lösung doch so nah. <em>Hier</em>, im hiesigen Forum, das zum selben Projekt wie das bemängelte Wiki gehört, werden Inhalte von Codeblöcken in der Ausgabe doch auch einfach umgebrochen, wenn die/einzelne Zeilen zu lang werden, ohne, dass sie es technisch sind (also umgebrochen).</p> <p>Warum wird dieses Prinzip nicht auch in der Doku angewendet? In den meisten Fällen wird das keinerlei Auswirkungen haben, weil die meisten Zeilen ihrer Breite nach eh ins Layout passen. Nur dann und wann und in einigen Themen/Kategorien häufiger als in anderen, werden einzelne Zeilen in Codeblöcken umgebrochen werden, weil sie eben die maximal anzeigbare Länge überschreiten. Ist dann halt so.</p> <p>Ergebnis: Kein sich aus der Zeilenlänge notwendig ergebender Unterschied im Layout der Textabschnitte, (zumindest meiner Meinung nach) keine relevante Einschränkung der Lesbarkeit der Quelltexte, ein daraus resultierend gleichmäßiges breites Layout der Seiten, das ohne die Notwendigkeit von Extrawürsten gleichartig an die verschiedenen Breiten der Viewports angepasst werden könnte.</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Eine Kerze stand [auf dem Abort] bereit, und der Almanach des vergangenen Jahres hing an einer Schnur. Die Herausgeber kannten ihre Leser und druckten den Almanach auf weiches, dünnes Papier.<br> Kleine freie Männer von Terry Pratchett </div> Text zwei- oder dreispaltig Tue, 25 Sep 18 05:58:46 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732788#m1732788 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732788#m1732788 <p>Hallo marctrix,</p> <p>ich bin gespannt, was das Team liefert.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> Text zwei- oder dreispaltig Sun, 30 Sep 18 20:55:12 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733210#m1733210 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733210#m1733210 <p>Aloha ;)</p> <blockquote> <p>Das war tatsächlich auch mein erster Gedanke - ohne den sichtbaren Rahmen oder mit etwas dezenterem (oder vielleicht sogar schwarzer Hintergrund, wie von vielen Entwicklern bevorzugt könnte man den Kasten entweder so gestalten, dass er weniger schmerzhaft ins Auge sticht oder aber eben durch eine ganz andere Gestaltung aus dem üblichen Layout nehmen, eben so als wäre es eine Editor-Ansicht.</p> </blockquote> <p>Damit könnte ich mich tatsächlich anfreunden, zumindest von der Idee her.</p> <p>Grüße,</p> <p>RIDER</p> <div class="signature">-- <br> Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller<br> # <a href="https://twitter.com/Camping_RIDER" rel="nofollow noopener noreferrer">Twitter</a> # <a href="http://steamcommunity.com/id/Camping_RIDER" rel="nofollow noopener noreferrer">Steam</a> # <a href="https://www.youtube.com/user/RidersFlame" rel="nofollow noopener noreferrer">YouTube</a> # <a href="http://wiki.selfhtml.org/wiki/Benutzer:Camping_RIDER" rel="nofollow noopener noreferrer">Self-Wiki</a> # <a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: sh:) fo:) ch:| rl:) br:^ n4:? ie:% mo:| va:) js:) de:> zu:} fl:( ss:) ls:[ </div> Text zwei- oder dreispaltig Mon, 01 Oct 18 10:09:04 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733308#m1733308 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733308#m1733308 <p>Hallo</p> <blockquote> <blockquote> <blockquote> <p><a href="/images/aec40610-a46e-45c5-a17a-8c9c2e792d84.png" rel="noopener noreferrer"><img src="/images/aec40610-a46e-45c5-a17a-8c9c2e792d84.png?size=medium" alt="Screenshot wiki mit 30em Fließtextbreite und unbeschränkten Codeboxen" loading="lazy"></a></p> </blockquote> <p>Niemand verlangt, dass Quelltext in einer gelben Box steht. </p> </blockquote> <p>Das war tatsächlich auch mein erster Gedanke - ohne den sichtbaren Rahmen oder mit etwas dezenterem (oder vielleicht sogar schwarzer Hintergrund, wie von vielen Entwicklern bevorzugt könnte man den Kasten entweder so gestalten, dass er weniger schmerzhaft ins Auge sticht </p> </blockquote> <p>Echt jetzt? Ein schwarzer Hintergrund statt des gelben sorgt dafür, dass der Kasten „weniger schmerzhaft ins Auge sticht“? Das ist doch wohl ein Witz‽ Im übrigen bin ich einer der Entwickler, die einen dunklen Hintergrund explizit <em>nicht</em> bevorzugen. Das tut meinen Augen nämlich mehr weh, als es einem hellen (nicht weißen (!)) Hintergrund möglich wäre.</p> <blockquote> <p>oder aber eben durch eine ganz andere Gestaltung aus dem üblichen Layout nehmen, eben so als wäre es eine Editor-Ansicht.</p> </blockquote> <p>Ist die gelben Box nicht schon ein Versuch, den Eindruck eines Editorfeldes zu erwecken?</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Eine Kerze stand [auf dem Abort] bereit, und der Almanach des vergangenen Jahres hing an einer Schnur. Die Herausgeber kannten ihre Leser und druckten den Almanach auf weiches, dünnes Papier.<br> Kleine freie Männer von Terry Pratchett </div> Text zwei- oder dreispaltig Tue, 25 Sep 18 06:06:55 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732791#m1732791 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732791#m1732791 <p>Hej Matthias,</p> <blockquote> <p>ich bin gespannt, was das Team liefert.</p> </blockquote> <p>Da bin ich ja nicht drin, aber hier noch mal die Erinnerung, dass ich gerne mitwirke. Sei es mit Vorschlägen wie diesem, sei es mit QS oder kleineren Zuarbeiten.</p> <p>Ich hoffe, es kommen auch wieder ruhigere Zeiten!</p> <p>Marc</p> Text zwei- oder dreispaltig Sun, 30 Sep 18 11:25:18 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733185#m1733185 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733185#m1733185 <p>Hallo Matthias Apsel,</p> <blockquote> <p>ich bin gespannt, was das Team liefert.</p> </blockquote> <p>Ich hab mal eine erste Idee:</p> <p><a href="/images/d7522290-aeda-4f19-9681-bbc85e3c68c3.png" rel="noopener noreferrer"><img src="/images/d7522290-aeda-4f19-9681-bbc85e3c68c3.png?size=medium" alt="Screenshot neue Beispiele" loading="lazy"></a></p> <p><a href="/images/43defacf-9da1-4860-814a-e48ccff0e4c3.png" rel="noopener noreferrer"><img src="/images/43defacf-9da1-4860-814a-e48ccff0e4c3.png?size=medium" alt="Screenshot neue Beispiele" loading="lazy"></a></p> <p><a href="/images/11ad4e38-4492-4edc-b9fd-02e7019fadab.png" rel="noopener noreferrer"><img src="/images/11ad4e38-4492-4edc-b9fd-02e7019fadab.png?size=medium" alt="Screenshot neue Beispiele" loading="lazy"></a></p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> Text zwei- oder dreispaltig Tue, 25 Sep 18 07:33:29 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732800#m1732800 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732800#m1732800 <p>@@marctrix</p> <blockquote> <p>Aber: ich habe auch schon händisch in Texte Zeilenumbrüche eingefügt. Ist allerdings schon lange her </p> </blockquote> <p>Ich erinnere mich an einen früheren Job. Da sollten Codezeilen nicht länger als 72 Zeichen sein; ab 80 bekam man auf die Finger.</p> <p>Was auch für HTML-Code und darin befindlichen Fließtext galt.</p> <p>Was. Für. Ein. Schwachsinn.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Text zwei- oder dreispaltig Tue, 25 Sep 18 15:18:24 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732907#m1732907 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732907#m1732907 <p>Hallo marctrix,</p> <blockquote> <p>Dann kann ich das sicher mit meinem User-CSS hinkriegen — obwohl: das gibt es nur im Forum, oder?</p> </blockquote> <p>Unter <a href="https://wiki.selfhtml.org/wiki/Spezial:Einstellungen#mw-prefsection-rendering" rel="nofollow noopener noreferrer">https://wiki.selfhtml.org/wiki/Spezial:Einstellungen#mw-prefsection-rendering</a> findest du die Möglichkeit User-CSS und -JS anzugeben.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> Text zwei- oder dreispaltig Tue, 25 Sep 18 10:23:26 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732832#m1732832 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732832#m1732832 <p>Hallo Auge</p> <blockquote> <p><em>Hier</em>, im hiesigen Forum, das zum selben Projekt wie das bemängelte Wiki gehört, werden Inhalte von Codeblöcken in der Ausgabe doch auch einfach umgebrochen, wenn die/einzelne Zeilen zu lang werden, ohne, dass sie es technisch sind (also umgebrochen).</p> </blockquote> <p>Leider.</p> <blockquote> <p>Warum wird dieses Prinzip nicht auch in der Doku angewendet? In den meisten Fällen wird das keinerlei Auswirkungen haben, weil die meisten Zeilen ihrer Breite nach eh ins Layout passen. Nur dann und wann und in einigen Themen/Kategorien häufiger als in anderen, werden einzelne Zeilen in Codeblöcken umgebrochen werden, weil sie eben die maximal anzeigbare Länge überschreiten. Ist dann halt so.</p> <p>Ergebnis: Kein sich aus der Zeilenlänge notwendig ergebender Unterschied im Layout der Textabschnitte, (zumindest meiner Meinung nach) keine relevante Einschränkung der Lesbarkeit der Quelltexte, ein daraus resultierend gleichmäßiges breites Layout der Seiten, das ohne die Notwendigkeit von Extrawürsten gleichartig an die verschiedenen Breiten der Viewports angepasst werden könnte.</p> </blockquote> <p>Meiner Meinung nach wird die Lesbarkeit des Codes durch automatische Umbrüche <em>sehr stark</em> eingeschränkt. Was richtig formatiert schnell überblickt werden kann, muss ohne richtige Formatierung mühsam Stück für Stück entziffert werden. Wenn ich ein Posting mit viel sinnlos umgebrochenem Code sehe, höre ich in der Regel auf zu lesen, da es mir zu anstrengend ist, mich da durchzuarbeiten.</p> <p>Wenn Code in Boxen dargestellt werden soll, dann sollte sich die Box dem umgebenden Text anpassen, unabhängig von ihrem Inhalt. Ist der Inhalt breiter als die Box, dann bekommt die Box eben einen horizontalen Scrollbalken. Das ist nicht schön, aber besser als verstümmelter Code.</p> <p>Viele Grüße,</p> <p>Orlok</p> Text zwei- oder dreispaltig Tue, 25 Sep 18 07:35:57 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732802#m1732802 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732802#m1732802 <p>Moin @@Gunnar Bittersmann,</p> <blockquote> <p>Ich erinnere mich an einen früheren Job. Da sollten Codezeilen nicht länger als 72 Zeichen sein; ab 80 bekam man auf die Finger.</p> <p>Was auch für HTML-Code und darin befindlichen Fließtext galt.</p> </blockquote> <p>War das zu Zeiten, als man HTML noch programmiert hat? </p> <p>Viele Grüße<br> Robert</p> Text zwei- oder dreispaltig Tue, 25 Sep 18 09:22:49 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732821#m1732821 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732821#m1732821 <p>Hej Gunnar,</p> <blockquote> <p>Ich erinnere mich an einen früheren Job. Da sollten Codezeilen nicht länger als 72 Zeichen sein; ab 80 bekam man auf die Finger.</p> <p>Was auch für HTML-Code und darin befindlichen Fließtext galt.</p> <p>Was. Für. Ein. Schwachsinn.</p> </blockquote> <p>Besonders, wenn man dann Text einfügen oder löschen möchte… </p> <p>Marc</p> Text zwei- oder dreispaltig Tue, 25 Sep 18 07:41:34 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732805#m1732805 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732805#m1732805 <p>@@Robert B.</p> <blockquote> <p>War das zu Zeiten, als man HTML noch programmiert hat? </p> </blockquote> <p>Es war schlimmer als das: Die Anwendung war in ExtJS programmiert. Ein Framework, wo die Darstellung im JavaScript angegeben wird. </p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Text zwei- oder dreispaltig Tue, 25 Sep 18 07:44:19 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732806#m1732806 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732806#m1732806 <p>Moin @@Gunnar Bittersmann,</p> <blockquote> <blockquote> <p>War das zu Zeiten, als man HTML noch programmiert hat? </p> </blockquote> <p>Es war schlimmer als das: Die Anwendung war in ExtJS programmiert. Ein Framework, wo die Darstellung im JavaScript angegeben wird. </p> </blockquote> <p>Dieses <a href="https://en.wikipedia.org/wiki/Ext_JS#Ext.NET" rel="nofollow noopener noreferrer">Ext JS gibt es noch immer</a> </p> <p>Viele Grüße<br> Robert</p> Text zwei- oder dreispaltig Tue, 25 Sep 18 09:23:52 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732822#m1732822 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732822#m1732822 <p>Hej Robert,</p> <blockquote> <p>Dieses <a href="https://en.wikipedia.org/wiki/Ext_JS#Ext.NET" rel="nofollow noopener noreferrer">Ext JS gibt es noch immer</a> </p> </blockquote> <p>Unkraut ist halt besonders zäh </p> <p>Marc</p> Text zwei- oder dreispaltig Tue, 25 Sep 18 12:03:36 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732852#m1732852 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1732852#m1732852 <blockquote> <p>Meiner Meinung nach wird die Lesbarkeit des Codes durch automatische Umbrüche sehr stark eingeschränkt. Was richtig formatiert schnell überblickt werden kann, muss ohne richtige Formatierung mühsam Stück für Stück entziffert werden. Wenn ich ein Posting mit viel sinnlos umgebrochenem Code sehe, höre ich in der Regel auf zu lesen, da es mir zu anstrengend ist, mich da durchzuarbeiten.</p> </blockquote> <p>Jepp.</p> <p>Wobei es am Autor liegt, z.B. statt:</p> <pre><code class="block bad language-php"><span class="token variable">$ar</span> <span class="token operator">=</span> <span class="token punctuation">[</span> <span class="token string single-quoted-string">'Lorem'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'ipsum'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'dolor'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'sit'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'amet'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'consetetur'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'sadipscing'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'elitr'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'sed'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'diam'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'nonumy'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'eirmod'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'tempor'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'invidunt'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'ut'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'labore'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'et'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'dolore'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'magna'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'aliquyam'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'erat'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'sed'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'diam'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'voluptua'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'At'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'vero'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'eos'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'et'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'accusam'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'et'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'justo'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'duo'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'dolores'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'et'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'ea'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'rebum'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'Stet'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'clita'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'kasd'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'gubergren'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'no'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'sea'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'takimata'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'sanctus'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'est'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'Lorem'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'ipsum'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'dolor'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'sit'</span><span class="token punctuation">,</span><span class="token string single-quoted-string">'amet'</span><span class="token punctuation">]</span><span class="token punctuation">;</span> </code></pre> <p>besser</p> <pre><code class="block good language-php"><span class="token variable">$ar</span> <span class="token operator">=</span> <span class="token punctuation">[</span> <span class="token string single-quoted-string">'Lorem'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'ipsum'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'dolor'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'sit'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'amet'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'consetetur'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'sadipscing'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'elitr'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'sed'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'diam'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'nonumy'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'eirmod'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'tempor'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'invidunt'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'ut'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'labore'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'et'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'dolore'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'magna'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'aliquyam'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'erat'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'sed'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'diam'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'voluptua'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'At'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'vero'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'eos'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'et'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'accusam'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'et'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'justo'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'duo'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'dolores'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'et'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'ea'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'rebum'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'Stet'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'clita'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'kasd'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'gubergren'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'no'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'sea'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'takimata'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'sanctus'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'est'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'Lorem'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'ipsum'</span> <span class="token punctuation">,</span><span class="token string single-quoted-string">'dolor'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'sit'</span><span class="token punctuation">,</span> <span class="token string single-quoted-string">'amet'</span> <span class="token punctuation">]</span><span class="token punctuation">;</span> </code></pre> <p>zu notieren. Also den Code sinnvoll umzubrechen. Das obige Zeilenmonster kann ja auch keiner lesen.</p> <p><strong>Hinweis:</strong> Das obige zeigt <strong>Daten in einem Programm</strong>, <strong>was per se als Fehler gilt</strong>. Es soll ein Beispiel für Code-Zeilen unnötiger Länge sein.</p> Text zwei- oder dreispaltig Thu, 04 Oct 18 12:57:02 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733493#m1733493 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733493#m1733493 <p>Hallo</p> <blockquote> <blockquote> <p><em>Hier</em>, im hiesigen Forum, das zum selben Projekt wie das bemängelte Wiki gehört, werden Inhalte von Codeblöcken in der Ausgabe doch auch einfach umgebrochen, wenn die/einzelne Zeilen zu lang werden, ohne, dass sie es technisch sind (also umgebrochen).</p> </blockquote> <p>Leider.</p> <blockquote> <p>Warum wird dieses Prinzip nicht auch in der Doku angewendet?</p> </blockquote> <p>Meiner Meinung nach wird die Lesbarkeit des Codes durch automatische Umbrüche <em>sehr stark</em> eingeschränkt. Was richtig formatiert schnell überblickt werden kann, muss ohne richtige Formatierung mühsam Stück für Stück entziffert werden. Wenn ich ein Posting mit viel sinnlos umgebrochenem Code sehe, höre ich in der Regel auf zu lesen, da es mir zu anstrengend ist, mich da durchzuarbeiten.</p> </blockquote> <p>Das empfinde ich grundsätzlich anders. Im Editor lasse ich bei überschreiten der Zeilenläge soft umbrechen um die Texte nicht quer scrollen zu müssen. In der Codeansicht von Dateien auf Github ärgere ich mich ein ums andere Mal, wenn die Zeilen länger sind als der Quelltextblock breit ist, da ich an den Querscrollbalken logischerweise erst am Ende des Quelltextblock herankomme. Hat die Datei mehr zeilen als im Viewport des Browsers, ohne zu scrollen, dargestellt werden können, muss ich entweder immer wieder zwischen der fraglichen überlangen zeile und dem Ende des Quelltextblocks hin und her scrollen, um den Scrollbalken zu verschieben oder ich muss (im konkreten Fall) umständlich mit der Tastatur arbeiten.</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Eine Kerze stand [auf dem Abort] bereit, und der Almanach des vergangenen Jahres hing an einer Schnur. Die Herausgeber kannten ihre Leser und druckten den Almanach auf weiches, dünnes Papier.<br> Kleine freie Männer von Terry Pratchett </div> User-CSS für ein weniger breites Wiki und dezentere Beispiele Sun, 30 Sep 18 17:12:52 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733194#m1733194 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733194#m1733194 <p>Hallo Matthias Apsel,</p> <p>falls es jemand ausprobieren möchte:</p> <pre><code class="block language-css"><span class="token selector">#content</span> <span class="token punctuation">{</span> <span class="token property">max-width</span><span class="token punctuation">:</span> 35em<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.note-box-example</span> <span class="token punctuation">{</span> <span class="token property">border-left</span><span class="token punctuation">:</span> 5px solid #dfac20<span class="token punctuation">;</span> <span class="token property">padding-left</span><span class="token punctuation">:</span> 15px<span class="token punctuation">;</span> <span class="token property">overflow</span><span class="token punctuation">:</span> visible<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.note-box-example > div</span> <span class="token punctuation">{</span> <span class="token property">padding</span><span class="token punctuation">:</span> .5em 0 <span class="token important">!important</span><span class="token punctuation">;</span> <span class="token property">border</span><span class="token punctuation">:</span> none <span class="token important">!important</span><span class="token punctuation">;</span> <span class="token property">background</span><span class="token punctuation">:</span> none <span class="token important">!important</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.note-box-example > div:last-child</span> <span class="token punctuation">{</span> <span class="token property">padding-bottom</span><span class="token punctuation">:</span> 0 <span class="token important">!important</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.note-box-example .note-box-title</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #333<span class="token punctuation">;</span> <span class="token property">background</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token property">border</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token property">font-weight</span><span class="token punctuation">:</span> bold<span class="token punctuation">;</span> <span class="token property">font-size</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span> <span class="token property">padding-top</span><span class="token punctuation">:</span> 0 <span class="token important">!important</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.note-box-example .note-box-title .beispiel_url</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #2673bf<span class="token punctuation">;</span> <span class="token property">white-space</span><span class="token punctuation">:</span> nowrap<span class="token punctuation">;</span> <span class="token property">margin</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.note-box-example .note-box-title .beispiel_url_code</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #2673bf<span class="token punctuation">;</span> <span class="token property">white-space</span><span class="token punctuation">:</span> nowrap<span class="token punctuation">;</span> <span class="token property">margin</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.note-box-example .note-box-footer</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.note-box-example-code</span> <span class="token punctuation">{</span> <span class="token property">width</span><span class="token punctuation">:</span> 65em<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> Text zwei- oder dreispaltig Sun, 30 Sep 18 21:03:42 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733212#m1733212 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733212#m1733212 <p>Aloha ;)</p> <blockquote> <p><a href="/images/11ad4e38-4492-4edc-b9fd-02e7019fadab.png" rel="noopener noreferrer"><img src="/images/11ad4e38-4492-4edc-b9fd-02e7019fadab.png?size=medium" alt="Screenshot neue Beispiele" loading="lazy"></a></p> </blockquote> <p>Das gefällt mir.</p> <p>Die nach rechts laufenden Kastenrahmen, die du hier jetzt komplett weggelassen hast, könnte ich mir auch mit Farbverlauf von gelb zu transparent vorstellen.<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> Das würde die horizontale Trennung verstärken, gleichzeitig aber den Raum nach rechts öffnen.</p> <p>Kann aber auch sein, dass das ein Griff ins Design-Klo ist, ich wollts aber als Anregung mal äußern.</p> <p>Grüße,</p> <p>RIDER</p> <div class="signature">-- <br> Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller<br> # <a href="https://twitter.com/Camping_RIDER" rel="nofollow noopener noreferrer">Twitter</a> # <a href="http://steamcommunity.com/id/Camping_RIDER" rel="nofollow noopener noreferrer">Steam</a> # <a href="https://www.youtube.com/user/RidersFlame" rel="nofollow noopener noreferrer">YouTube</a> # <a href="http://wiki.selfhtml.org/wiki/Benutzer:Camping_RIDER" rel="nofollow noopener noreferrer">Self-Wiki</a> # <a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: sh:) fo:) ch:| rl:) br:^ n4:? ie:% mo:| va:) js:) de:> zu:} fl:( ss:) ls:[ </div> <hr class="footnotes-sep"> <section class="footnotes"> <ol class="footnotes-list"> <li id="fn1" class="footnote-item"><p>Im Sinne von <code class="language-css"><span class="token property">border-image</span><span class="token punctuation">:</span><span class="token function">linear-gradient</span><span class="token punctuation">(</span>to right<span class="token punctuation">,</span> #dfac20<span class="token punctuation">,</span> transparent<span class="token punctuation">)</span><span class="token punctuation">;</span></code>, wahlweise auch <code class="language-css"><span class="token property">border-image</span><span class="token punctuation">:</span><span class="token function">linear-gradient</span><span class="token punctuation">(</span>to right<span class="token punctuation">,</span> #dfac20 500px<span class="token punctuation">,</span> transparent<span class="token punctuation">)</span><span class="token punctuation">;</span></code> <a href="#fnref1" class="footnote-backref">↩︎</a></p> </li> </ol> </section> User-CSS für ein weniger breites Wiki und dezentere Beispiele Mon, 01 Oct 18 05:38:50 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733216#m1733216 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733216#m1733216 <p>Hej Matthias,</p> <blockquote> <p>falls es jemand ausprobieren möchte:</p> </blockquote> <p>Ja, sehr gerne. Wo muss das denn hin? - Habe noch gar nicht gesehen, dass man sich für das Wiki eigenes CSS hinterlegen kann…</p> <p>Marc</p> Text zwei- oder dreispaltig Wed, 03 Oct 18 17:54:47 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733478#m1733478 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733478#m1733478 <p>Hallo Camping_RIDER,</p> <blockquote> <p>Das gefällt mir.</p> </blockquote> <p>Mich würde mal interessieren, was <a href="/users/3833" class="mention registered-user" rel="noopener noreferrer">@Matthias Scharwies</a> dazu sagt. Ich hab das ohne die kleinere Inhaltsbreite (weil das Bearbeiten imho gar nicht geht) in meinem User-CSS und es gefällt mir eigentlich ganz gut.</p> <blockquote> <p>Die nach rechts laufenden Kastenrahmen, die du hier jetzt komplett weggelassen hast, könnte ich mir auch mit Farbverlauf von gelb zu transparent vorstellen. Das würde die horizontale Trennung verstärken, gleichzeitig aber den Raum nach rechts öffnen.</p> <p>Kann aber auch sein, dass das ein Griff ins Design-Klo ist, ich wollts aber als Anregung mal äußern.</p> </blockquote> <p>Imho letzteres </p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Pantoffeltierchen haben keine Hobbys. </div> User-CSS für ein weniger breites Wiki und dezentere Beispiele Mon, 01 Oct 18 06:07:00 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733217#m1733217 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733217#m1733217 <p>Hallo marctrix,</p> <blockquote> <p>Ja, sehr gerne. Wo muss das denn hin?</p> </blockquote> <p><a href="https://forum.selfhtml.org/m1732907" rel="noopener noreferrer">m1732907</a></p> <blockquote> <ul> <li>Habe noch gar nicht gesehen, dass man sich für das Wiki eigenes CSS hinterlegen kann…</li> </ul> </blockquote> <p>Oh, ich dachte, der Pluspunkt wäre von dir??</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> User-CSS für ein weniger breites Wiki und dezentere Beispiele Mon, 01 Oct 18 06:14:00 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733218#m1733218 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733218#m1733218 <p>Hej Matthias,</p> <blockquote> <blockquote> <p>Ja, sehr gerne. Wo muss das denn hin?</p> </blockquote> <p><a href="https://forum.selfhtml.org/m1732907" rel="noopener noreferrer">m1732907</a></p> </blockquote> <p>Autsch - ja da dämmert mir was…</p> <blockquote> <blockquote> <ul> <li>Habe noch gar nicht gesehen, dass man sich für das Wiki eigenes CSS hinterlegen kann…</li> </ul> </blockquote> <p>Oh, ich dachte, der Pluspunkt wäre von dir??</p> </blockquote> <p>Ist er auch - aufgrund des Screenshots.</p> <p>Marc</p> User-CSS für ein weniger breites Wiki und dezentere Beispiele Mon, 01 Oct 18 06:19:40 Z https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733219#m1733219 https://forum.selfhtml.org/meta/2018/sep/24/geringere-inhaltsbreiten-im-wiki/1733219#m1733219 <p>Hej marctrix,</p> <blockquote> <blockquote> <blockquote> <p>Ja, sehr gerne. Wo muss das denn hin?</p> </blockquote> <p><a href="https://forum.selfhtml.org/m1732907" rel="noopener noreferrer">m1732907</a></p> </blockquote> <p>Autsch - ja da dämmert mir was…</p> </blockquote> <p>Hat auch gleich geklappt! - Coole Sache!</p> <p>Marc</p>