Tabellen in einem Beitrag einfügen

Aus PixelDinchen-Wiki

Wechseln zu: Navigation, Suche

Eine Tabelle in einem Beitrag im Forum zu erzeugen, ist ganz einfach. Sie besteht aus dem Grundelement "table", aus Reihen "row" und Spalten "col". All diese Elemente können über das neue Menü einfach eingefügt werden.


Beispiel: Wir möchten nun eine Tabelle erzeugen, welche aus 2 Spalten und 4 Zeilen besteht.

Nun beginnen wir unsere Tabelle, wo wir zunächst mit einem Klick auf Bild:5 111 1.png das Table-Element einfügen.

[table color=#F7EEEE]

Das nächste Element wäre nun eine Zeile. Diese fügen wir mit Bild:5 222 1.png ein und schreiben den ersten Tabelleneintrag dahinter.

[table color=#F7EEEE]
[row]Beschreibung

Da unsere Tabelle nicht nur aus einer Spalte bestehen soll, fügen wir eine weitere über Bild:5 333 1.png hinzu und schreiben den Tabelleneintrag dahinter.

[table color=#F7EEEE]
[row]Beschreibung[col]Anzahl

Jetzt fehlen nur noch die weiteren drei Zeilen, dessen Zeilen und Spalten wir jetzt wie oben beschrieben beifügen.


Wenn die Tabelle fertig ist, schließen wir diese ab, indem wir erneut auf Bild:5 111 1.png klicken. Dieser Schritt ist unbedingt erforderlich, damit die Tabelle angezeigt wird.


Das fertige Ergebnis sieht nun so aus:

[table color=#F7EEEE]
[row]Beschreibung[col]Anzahl
[row]Wecker[col]2 Stück
[row]Lampe[col]3 Stück
[row]Tisch[col]1 Stück
[/table]

Mit einem Klick auf "Vorschau" sehen wir das Ergebnis als fertige Tabelle:

Bild:tabelle1.png


Sieht schon gut aus, aber das war noch nicht alles! Nun möchten wir die Tabelle ein wenig modifizieren, indem wir die erste Zeile als Tabellenüberschrift kennzeichnen und etwas Farbe ins Spiel bringen:

[table color=#F7EEEE]
[mrow color=blue][color=white]Beschreibung[/color][mcol color=blue][color=white]Anzahl[/color]
[row]Wecker[col]2 Stück
[row]Lampe[col]3 Stück
[row]Tisch[col]1 Stück
[/table]

So sieht das Ergebnis aus:

Bild:tabelle2.png


Natürlich können auch die weiteren Zeilen und Spalten mit einer Hintergrundfarbe versehen werden:

[table color=#F7EEEE]
[mrow color=blue][color=white]Beschreibung[/color][mcol color=blue][color=white]Anzahl[/color]
[row color=#808080]Wecker[col color=#808080]2 Stück
[row color=white]Lampe[col color=white]3 Stück
[row color=#808080]Tisch[col color=#808080]1 Stück
[/table]

Bild:tabelle3.png


Auf diese Weise lassen sich schnell und einfach Tabellen erzeugen und optisch ansprechend gestalten.


Tipp: Wenn die Tabelle ohne Rahmen angezeigt werden soll, einfach diesen Eintrag

[table color=#F7EEEE]

auf

[table]

ändern.


[bearbeiten] Weblinks:


--Arndt 18:44, 4. Feb. 2007 (CET)