[Tut SZ] Tabellen mit BBCode erstellen

Hinweise und Erklärungen zur Forumhandhabung

Moderator: Moderatoren

Benutzeravatar
Horgan
Moderator
Moderator
Beiträge: 12279
Registriert: 4. November 2010 21:41
Wohnort: Berlin
:
Team-SZ Gründer/Eigentümer der SZ
Kontaktdaten:

[Tut SZ] Tabellen mit BBCode erstellen

Beitragvon Horgan » 8. Dezember 2010 23:11

Dieses Kurztutorial soll die Grundlagen für die Erstellung einfacherer Tabellen liefern.


BBCodeErklärung
[table=n][/table]Mit diesem Code beginnt/endet jede Tabelle. Am Anfang steht das [table=n], wobei das n für die Anzahl der Pixel der Tabellenbreite steht. Soll die Tabelle im Post zentriert erscheinen, muss das [table=n] und das [/table] jeweils von einem [center][/center] umrahmt werden.
Beispielsweise:
    [center][table=600][/center]....[center][/table][/center].
[tr][/tr]Dieser Code symbolisiert eine neue Zeile in der Tabelle. Zwischen [table=n][/table] können theoretisch beliebig viele Zeilen erstellt werden. Begrenzt wird dies nur durch die in der Forensoftware ggf. hinterlegte Maximalzahl Zeichen je Post.
[td=n][/td]Dieser Code symbolisiert n Zellen einer Tabelle. Zwischen [tr][/tr] können theoretisch beliebig viele Zellen erstellt werden. Begrenzt wird dies nur durch die in der Forensoftware ggf. hinterlegte Maximalzahl Zeichen je Post.
Mit [td=2][/td] werden beispielsweise 2 Zellen angesprochen - der Inhalt verteilt sich also auf 2 Spalten in der aktuellen Zeile. Innerhalb des [td=n][/td] kann praktisch jeder beliebige Text oder Nicht-Tabellen-BBCode stehen, was bspw. das Einbinden von Links, Grafiken, Videos, ... ermöglicht.





Beispiel:

Hier ein kleines Beispiel, wie die BBCodes für die Tabellenerstellung anwendbar sind. Beachtet im Codefenster unten, dass die Zeilen [tr] Zeile [/tr] direkt aneinander anschließen, so dass die Tabelle im Code als Fließtext erscheint. Es wird nach dem [/tr] also KEIN Zeilenumbruch eingefügt. Nur so wird vermieden, dass am Anfang der Tabelle je Zeilenumbruch zwischen [/tr] und nächstem [tr] eine Leerzeile eingefügt wird!


Überschrift/Tabellentitel
Bild
Zeile 1 Spalte 1
Zeile 1 Spalte 2
Zeile 1 Spalte 3
Zeile 2 Spalte 1-3
Zeile 3 Spalte 1
Zeile 3 Spalte 2-3


Code: Alles auswählen

[center][table=600][/center][center][size=125][b]Überschrift/Tabellentitel[/b][/size][hr][/hr][img]http://strategie-zone.de/forum/images/icons/icon_strategie_zone.png[/img][/center][tr][td=1][center]Zeile 1 Spalte 1[/center][/td][td=1][center]Zeile 1 Spalte 2[/center][/td][td=1][center]Zeile 1 Spalte 3[/center][/td][/tr][tr][td=3][center]Zeile 2 Spalte 1-3[/center][/td][/tr][tr][td=1][center]Zeile 3 Spalte 1[/center][/td][td=2][center]Zeile 3 Spalte 2-3[/center][/td][/tr][center][/table][/center]





Zur Verdeutlichung noch einmal die Tabelle MIT Zeilenumbrüchen zwischen [/tr] und nächstem [tr]:

Überschrift/Tabellentitel
Bild



Zeile 1 Spalte 1
Zeile 1 Spalte 2
Zeile 1 Spalte 3
Zeile 2 Spalte 1-3
Zeile 3 Spalte 1
Zeile 3 Spalte 2-3


Code: Alles auswählen

[center][table=600][/center][center][size=125][b]Überschrift/Tabellentitel[/b][/size][hr][/hr][img]http://strategie-zone.de/forum/images/icons/icon_strategie_zone.png[/img][/center]
[tr][td=1][center]Zeile 1 Spalte 1[/center][/td][td=1][center]Zeile 1 Spalte 2[/center][/td][td=1][center]Zeile 1 Spalte 3[/center][/td][/tr]
[tr][td=3][center]Zeile 2 Spalte 1-3[/center][/td][/tr]
[tr][td=1][center]Zeile 3 Spalte 1[/center][/td][td=2][center]Zeile 3 Spalte 2-3[/center][/td][/tr][center][/table][/center]