Az

Schriftart wählen

Schriftgröße wählen

Zeilenabstand wählen

Schnellzugriff Verlauf Funktionen
[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:

[bbcodedemo]

Ein Block
[/bbcodedemo]

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:
[bbcodedemo]

Einleitender Block

Zweiter Block


Absatz...


Vorletzter Block

Endblock
[/bbcodedemo]
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"...

[bbcodedemo=Left, Right - Umfließungen]

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.
[/bbcodedemo]

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

[bbcodedemo=Umfließung zu weit...]

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?

[/bbcodedemo]

Beide Probleme - sowohl "klappt nicht" als auch das Verlassen des Randes, liegen an der Umfließung.
[bbcodedemo=Clear]

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!

[/bbcodedemo]

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).

[bbcodedemo=Breiteangabe]

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.

[/bbcodedemo]
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).
[bbcodedemo=Rahmen]

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

[/bbcodedemo]

"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.

[bbcodedemo=Außenabstand]

3 Pixel Abstand überall

[/bbcodedemo]
[bbcodedemo]
Unterschiedliche Abstände an allen Seiten

[/bbcodedemo]

"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.

[bbcodedemo=Innenabstände]

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.

[/bbcodedemo]

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

[bbcodedemo=Zentrierung]

123
4567

[/bbcodedemo]