Mehrspaltige Artikel [xGrind]

Um einen Artikel anzulegen, der sich auf 2-4 Spalten aufteilt kann man die Erweiterung xGrind verwenden.

Im folgenden Beispiel nutzen wir die Option zweisplatiger Artikel, der im linken Bereich einen Text enthält und im rechten Bereich ein Bild.

Im Backend-Bereich "inhalte -> Artikel" legen wir über "Neuer Artikel" einen Artikel im gewünschten Seitenbereich an.

In diesem neu erstellen Artikel fügen wir nun ein "Neues Element ein, und wählt aus dem Auswahlmenü den Elementtyp "text".

1. Direkt unter dieser Auswahl Elementtyp "text", exisitert (nach Erfolgreicher Installation von xGrind) das Auswahlmenü "Spalten", über das man nun festlegen kann wieviele Spalten ein Artikel besitzen soll.
Anhang 1719

2. Wie gewohnt, fügen in dem darunter liegenden Texteditor unseren Artikeltext ein.
( das wird die 1.spalte, links ), Speichern!

3. Um nun die zweite Spalte ( Rechts ) zu füllen, fügen wir einfach ein weiteres Element in diesem Artikel hinzu und wählen "text" oder "bild" oder sonstiges und füllen dieses Element aus
.
Wichtig hierbei ist, dass man keine zusätzlichen Angaben über das Auswahlmenü "Spalten" benötigt, das Regelt Typolight bzw die Erweiterung für uns.

4. Damit nachfolgende Artikel usw wieder auf der linken Seite beginnen, für wir ein weiteres Element vom Typ "HTML" ein, diese füllen wir mit diesem Inhalt.

HTML-Code:

<div style="clear:both;"></div>

Anhang 1720

Das war es schon.

Information:
Man kann natürlich dem letzten Element der mehrsplatigen Artikel auch eine Klasse zuteilen, die das floaten aufhebt, so erspart man sich das letzte Element "HTML".

Die jweiligen Dimensionen (Breite), kann man wie gewohnt auch über Klassenzuweisung steuern
in diesem Fall die Klasse .xg2{ width:.. }