Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Mehrere Spalten können dabei helfen längere Texte aufzulockern. Im folgendem findet Ihr eine Anleitung wie Ihr mehrere Textspalten bequem über die Iconbar anbieten könnt.

Erstmal müsst Ihr ein Foren-Code erstellen, im Adminbereich unter „Layout“ > „Iconbar“ > „Neue Icons hinzufügen“ > „Foren-Code“.
Unter „Ersetze“ kannst du eine beliebige Variable angeben z.B. [Spalte2] … [/Spalte2], die angegebene Variable sollte dann mit einem HTML Article-Tag ersetzt werden. Im folgendem ein Beispielcode, achte darauf das du „…“ berücksichtigst und das „</article>“ am Ende in das 2. Textfeld einfügt.

Biespielcode:

<article style="column-count: 2; -webkit-column-count: 2;"> . . . </article>
 

Damit bekommt man 2 Spalten, die Höhe der Spalten wird automatisch aufgeteilt, sieht dann so aus:


Die „2“ im Code steht für die Anzahl der Spalten und lässt sich natürlich beliebig ändern.

-webkit-column-rule: 1px outset #000000; /* Chrome, Safari, Opera */ -moz-column-rule: 1px outset #000000; /* Firefox */ column-rule: 1px outset #000000; 
 

Um den Abstand zur Trennlinie zu beeinflussen kannst du den Style erneut mit folgendem erweitern:

-webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px;
 

Alles zusammen sieht dann so aus:


Beispielcode:

<article style="column-count: 2; -webkit-column-count: 2; -webkit-column-rule: 1px outset #000000; /* Chrome, Safari, Opera */ -moz-column-rule: 1px outset #000000; /* Firefox */ column-rule: 1px outset #000000; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px;"> . . . </article>
 

<article class='spalte1'>
...
</article>
 

Im Adminbereich unter „Layout“ > „Farben & Einstellungen“ > „CSS“ könnt Ihr eure class gestalten, z.B so:

.box1 {
olumn-count: 2; -webkit-column-count: 2;
-webkit-column-rule: 1px outset #000000; /* Chrome, Safari, Opera */
-moz-column-rule: 1px outset #000000; /* Firefox */
column-rule: 1px outset #000000;
-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
-moz-column-gap: 40px; /* Firefox */
column-gap: 40px;
}