[object_core=tt]135655[/object_core]

Blöcke



Blöcke bezeichnen hier Bereiche. Im einfachsten Fall würde ein Block wie ein normaler Absatz wirken, aber Blöcke bieten noch verschiedene Formatierungsmöglichkeiten.

Das einfachste Blockkommando ist "block" selbst:

Eingabe:
[block]Ein Block[/block]
Ausgabe:
Ein Block

Absatz


Das ist halt einfach ein Absatz, ohne Ränder und irgendwelche Abstände. Eine Variation davon ist "p", das Abstand nach oben und unten erzeugt:
Eingabe:
[block]
Einleitender Block[/block][block]
Zweiter Block[/block][p]
Absatz...[/p][block]
Vorletzter Block[/block][block]
Endblock[/block]
Ausgabe:
Einleitender Block
Zweiter Block
Absatz...
Vorletzter Block
Endblock
Alles, was im Folgenden zu "block" gesagt wird, gilt auch zu "p". "p" ist in Wirklichkeit nur eine einfachere Schreibweise für "block=margin:1/0"...

Left, Right - Umfließungen

Eingabe:
[left][b]Dies wird[br]umflossen.[/b][/left]
[block]Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.[/block]
[clear]
[br]
[right][b]Dies auch.[/b][/right]
[p]
Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.[/p]
Ausgabe:
Dies wird
umflossen.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.



Dies auch.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Umfließungen funktionieren auch mit "p", aber, wie man oben sieht, vielleicht nicht so, wie man es gerade braucht.

Umfließung zu weit...

Eingabe:
[left=25%]Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.[/left]
[block]Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua.[/block]
[block]und das bitte hinter am anderen Zeug! [b]Klappt nicht?[/b][/block]
Ausgabe:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
und das bitte hinter am anderen Zeug! Klappt nicht?
Beide Probleme - sowohl "klappt nicht" als auch das Verlassen des Randes, liegen an der Umfließung.

Clear

Eingabe:
[left=25%]Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.[/left]
[block]Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/block]
[clear]
[block]und das bitte hinter am anderen Zeug! [b]Klappt![/b][/block]
Ausgabe:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
und das bitte hinter am anderen Zeug! Klappt!

Man sollte, wo die Umfließung beendet sein soll, liberal ein "Clear"-Kommando einstreuen.

Blockoptionen


Blockoptionen erlauben kompliziertere Textformatierungen, mit Rändern, Abständen, Breitenangaben.

Optionssyntax


Die Syntax der Optionen für Blöcke ist in komplizierten Fällen: [tag=option1:arg1/arg2 option2:arg option3 option4:argx/argy].
Das heißt: Die Parameter sind mit Leerzeichen getrennt, Subparameter mit dem "/"-Zeichen (Slash).

Breiteangabe

Eingabe:
[block=33%]Lorem ipsum dolor sit amet, consectetur adipisicing 
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.[/block]
Ausgabe:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Der Rand ist der Rand des Bereiches, den das Beispiel _insgesamt_ einnimmt - würde ein Rand nur um den Beispiel"block" gezeichnet werden, wäre der auch 33%.

Prozentangaben zwischen 0 und 100% sind erlaubt. Pixelgenaue Angaben sind nicht möglich (oder erwünscht).

Rahmen

Eingabe:
[left=border:dotted/medium 15%] Block 1[/left] 
[right=border:dashed/thin 15%] Block 2[/right]
[block]Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
ut aliquip ex ea commodo consequat[/block]
Ausgabe:
Block 1
Block 2
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat

"border" kennt drei Dicken: "thin", "medium" und "thick".
"border" kennt 5 Stile: "none", "dotted", "dashed", "solid" und "double".
Der Default ist eine 1 Pixel dünne, durchgezogene Linie.

Außenabstand

Eingabe:
[block=margin:3px border]3 Pixel Abstand überall[/block]
Ausgabe:
3 Pixel Abstand überall

Eingabe:
[block=margin:1/2/3/4 border]Unterschiedliche Abstände an allen Seiten[/block]
Ausgabe:
Unterschiedliche Abstände an allen Seiten

"margin" erzeugt einfach einen Abstand außerhalb des aktuellen Blocks - man kann sich das als den Abstand zwischen Rahmen und Außenwelt denken. Die Maßeinheit ist "em" (CSS), und die ganze Logik entspricht den Margins von CSS.
Das heißt: "margin:1/2/3/4" erzeugt oben 1em Abstand, rechts 2, unten 3, links 4.
Ersatzweise können auch Pixel angegeben werden, wenn man den Zahlen ein "px" nachstellt.
Wenn "margin" ohne Argumente angegeben wird, wird an allem Seiten "1em" verwendet.

"margin" funktioniert gut. Überraschen mag allerdings, daß es nicht um den umfließenden Bereich funktioniert, sondern nur um dem Umflossenen.

Innenabstände

Eingabe:
[left=margin:2/1/1/4 border]naja, links halt[/left]
[right=padding:2/1/1/4 border]naja, rechts halt[/right]
[block=margin]Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.[/block]
Ausgabe:
naja, links halt
naja, rechts halt
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Padding ist wie Margin - allerdings beschreibt es den Abstand zwischen Rahmen in Inhalt der Box.

Zentrierung

Eingabe:
[block=center]123[br]4567[/block]
Ausgabe:
123
4567