[object_core=tt]135655[/object_core] BlöckeBlö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]AbsatzDas 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
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"... [bbcodedemo=Left, Right - Umfließungen] Dies wird 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.
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, 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, 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. BlockoptionenBlockoptionen erlauben kompliziertere Textformatierungen, mit Rändern, Abständen, Breitenangaben. OptionssyntaxDie 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". [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. "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] |
Zugang
Bilder
Rubriken
|
Übersichten
|
Forumsleben
|
Texte
Administratives
|
Hilfe
|