Columns

Hier sind alle verfügbaren "columns" für das CMS Yellow von Datenstrom aufgelistet. Da Markdown mit wenigen Befehls-Zeichen auskommt, hab ich versucht das html ebenfalls so kurz wie nur möglich zu halten, so dass auch Anfänger und Kunden damit klar kommen dürften. Aber es ist html und innerhalb des html-Codes sind weder Markdown-Formatierungen noch Shortcuts möglich, man muss sich deshalb etwas mit html beschäftigen und Überschriften z. B. mit h2 u.s.w. und Text mit p formatieren.

Kenntnisse in html sind also von Vorteil auch deshalb, da man ja nicht nur Text sondern auch Fotos oder einen farblich passenden Hintergrund in einzelnen Spalten haben möchte.

Wenige Zeilen html-Code reichen aus | Float aufheben

Auf kleinen Bildschirmen wie Smartphones werden "columns" einspaltig dargestellt! Verkleinere das Browserfenster um das zu sehen.

---

Bevor die Codezeilen in den Yellow-Texteditor reinkopiert werden, muss vorher noch das CSS des verwendeten Themes angepasst werden! Für das Theme flatsite gibt es das komplette CSS inkl. "columns" zum downloaden.

Ein html-Beispiel:

Der html-Code für zwei Spalten sieht so aus. Einfach in den Texteditor von Yellow reinkopieren:

<div class="col6">
<h2>Überschrift</h2>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p>
</div>
<div class="col6">
<h2>Überschrift</h2>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p>
</div>

<div class="clear"></div> <!-- Float aufheben siehe unten -->

Float aufheben:

Um html-Blöcke zu beenden um entweder mit Markdown oder mit einem weiteren html-Block fortzufahren ist ein abschließender html-Tag notwendig, der die float-Anweisungen aufhebt, das geschieht mit <div class="clear"></div>.