Tabellen im Forum

[Andre Peschke]

Yay, eine Tabelle (siehe unten)! Wie geht das? --> Ich versuche das mal zu erklären, aber meine HTML-Tage liegen llaaaaange zurück, ergo: Bitte korrigiert mich, wenn ich etwas falsch erkläre oder ihr es besser erklären könnt!

Der Code, der diese Tabelle generiert, sieht so aus:
[tblo][tbody][tr][th=3]Tabelle[/th][/tr][tr][table=3]Testtabelle-Kopfzeile[/table][/tr][tr][table=0]Eintrag 1[/table][table=0]Eintrag 2[/table][table=0]Eintrag 3[/table][/tr][tr][table=0]Eintrag 4[/table][table=0]Eintrag 5[/table][table=0]Eintrag 6[/table][/tr][/tbody][/tblo]

Sieht schlimm aus. Daher hier nochmal ordentlicher formatiert:

[tblo]
[tbody]
[tr]
[th=3]Testtabelle-Kopfzeile[/th]
[/tr]
[tr]
[table=3]Breiter Eintrag[/table]
[/tr]
[tr]
[table=0]Eintrag 1[/table]
[table=0]Eintrag 2[/table]
[table=0]Eintrag 3[/table]
[/tr]
[tr]
[table=0]Eintrag 4[/table]
[table=0]Eintrag 5[/table]
[table=0]Eintrag 6[/table]
[/tr]
[/tbody]
[/tblo]



[tblo] --> Sagt dem System, dass das eine Tabelle wird. Steht ganz am Anfang und ganz am Ende des Codes (am Ende natürlich [/tblo])
[tbody] --> Der body der Tabelle wird erstellt - und am Ende auch wieder geschlossen ([/tbody]).
[tr] --> Fügt eine Zeile (tabel row --> tr) hinzu
[th=3]Testtabelle-Kopfzeile[/th] --> Fügt eine Kopfzeile (table header ->th)in die eben mit [tr]erstellte Spalte ein (zur Beschriftung der Tabelle). Die Zahl gibt an, wie viele Spalten diese Kopfzeile umfassen soll (bei einer Tabelle mit 3 Spalten also =3 um den Header über die gesamte Breite der Tabelle zu ziehen)

Entsprechend wir die Tabelle weiter befüllt:

[tr][table=0]Eintrag 1[/table][table=0]Eintrag 2[/table][table=0]Eintrag 3[/table][/tr]

--> [tr] - erstellt die Zeile. Dann setzt [table=0]Eintrag 1[/table] den ersten Eintrag. Die Zahl gibt erneut die Spaltenbreite an. Warum also "0"? Ich glaube(!), weil es dann die Breite eurer Spalte automatisch auf die Anazhl der Spalten anpasst...aber ich habe keine Ahnung. Die Programmierer im Forum mögen mir helfen - der HTML-Code, der hier substituiert wird ist:

<td class="row1" colspan="{NUMBER}">
<strong>
<div align="center">{TEXT}</div>
</strong>
</td>

Wie dem auch sei: Drei mal hintereinander --> Drei Spalten mit den Werten "Eintrag 1", "Eintrag 2, "Eintrag 3". Danach wird diese Spalte geschlossen.

Im Anschluss kann durch [tr] wieder eine neue Spalte eröffnet werden und mit [table=X]Eintrag 1[/table] können in diese Spalte Einträge gesetzt werden (und über "X" bestimmt werden, wie viele Spalten sie einnehmen).

Klingt mega-kompliziert, ist es aber nicht mehr, wenn man es mal verstanden hat.

Andre
PS: Auf Wunsch von Community-Mitgliedern implementiert. "Wer zur Hölle braucht sowas!?"-Antworten also bitte zügeln. ^^

[Andre Peschke]

Tabelle
Testtabelle-Kopfzeile
Eintrag 1	Eintrag 2	Eintrag 3
Eintrag 4	Eintrag 5	Eintrag 6

[Dr. Zoidberg [np]]

--> [tr] - erstellt die Spalte.

Zeile, nicht Spalte. Zum einfachen Merken:
tr: table row
td: table data
th: table header

[Vinter]

<3

[Andre Peschke]

--> [tr] - erstellt die Spalte.

Zeile, nicht Spalte. Zum einfachen Merken:
tr: table row
td: table data
th: table header

Eins weiter oben hatte ich es sogar schon richtig geschrieben und erklärt ^^

Andre

[echtschlecht165]

Oh Mann,
wenn sogar schon sowas "banales" wie eine Spaltenkonfiguration in HTML für mich schon wie Rocket Science aussieht, steigt mein Respekt an die Spieleentwickler von "ohnehin schon sehr hoch" auf "gottgleich".

Danke!

[Darkcloud]

Yay, eine Tabelle (siehe unten)! Wie geht das? --> Ich versuche das mal zu erklären, aber meine HTML-Tage liegen llaaaaange zurück, ergo: Bitte korrigiert mich, wenn ich etwas falsch erkläre oder ihr es besser erklären könnt!

So lange, dass du nicht mal mehr weißt, dass das hier BB-Code und kein HTML ist.
Wobei der Aufbau natürlich ähnlich bis gleich sein wird aber man hat schon mal eckige und keine spitzen Klammern.

[Vinter]

Das ist ist ja nur eine Maskierung, hinter dem BBCode liegen ja HTML-Befehle.

[Darkcloud]

Ja gut das kann aber theoretisch auch komplett anderer Code sein. Ich bin mir grade auch unsicher ob es da nicht auch Plugins gab mit denen man einfacheren Code hatte. Bin mir da aber echt unsicher.

[Andre Peschke]

So lange, dass du nicht mal mehr weißt, dass das hier BB-Code und kein HTML ist.
Wobei der Aufbau natürlich ähnlich bis gleich sein wird aber man hat schon mal eckige und keine spitzen Klammern.

Der BBCode ersetzt nur HTML. Du trägst im Backend das HTML ein und welcher BBCode dafür stehen soll.

Andre

[Vinter]

Auch danach habe ich schon lang geschrien. YT-Einbindung wäre soooo klasse. (Wie war das mit dem kleinen Finger und der ganzen Hand? )

[Dr. Zoidberg [np]]

Noch besser wäre, wenn phpBB mal Markdown nutzen würde statt BB Codes

[Vinter]

Ich hab schon eine kleine Supportanfrage. Wie man in diesem Thread sieht, hab ich oberhalb der Tabellen eine Reihe Leerzeilen - und ich krieg sie nicht weg. Hast du eine Idee, was das ist?
viewtopic.php?f=2&t=1967" onclick="window.open(this.href);return false;

[Lurtz]

Ich mag Youtube-Einbindung nicht. Unterbricht nur den Lesefluss.

[Andre Peschke]

Macht doch endlich mal ne YT-Einbindung.

Hatte ich schon zu geschrieben: Ich will nicht, dass das Forum mit Medieninhalten zugekleistert wird. Das macht es am Ende langsam und für Handynutzer kostspielig.

Vorerst: Lieber nicht.

Andre

[Andre Peschke]

Ich hab schon eine kleine Supportanfrage. Wie man in diesem Thread sieht, hab ich oberhalb der Tabellen eine Reihe Leerzeilen - und ich krieg sie nicht weg. Hast du eine Idee, was das ist?
viewtopic.php?f=2&t=1967" onclick="window.open(this.href);return false;

Ne, sorry. Hab eben nochmal das HTML hinter den BBCodes angesehen, daher kommt es nicht.

Andre

[drnkn]

Code: Alles auswählen

[tblo][tbody][tr][th=3]Tabelle[/th][/tr][tr][table=3]Testtabelle-Kopfzeile[/table][/tr][tr][table=0]Eintrag 1[/table][table=0]Eintrag 2[/table][table=0]Eintrag 3[/table][/tr][tr][table=0]Eintrag 4[/table][table=0]Eintrag 5[/table][table=0]Eintrag 6[/table][/tr][/tbody][/tblo]

ergibt

Tabelle
Testtabelle-Kopfzeile
Eintrag 1	Eintrag 2	Eintrag 3
Eintrag 4	Eintrag 5	Eintrag 6

Code: Alles auswählen

[tblo]
[tbody]
[tr]
[th=3]Testtabelle-Kopfzeile[/th]
[/tr]
[tr]
[table=3]Breiter Eintrag[/table]
[/tr]
[tr]
[table=0]Eintrag 1[/table]
[table=0]Eintrag 2[/table]
[table=0]Eintrag 3[/table]
[/tr]
[tr]
[table=0]Eintrag 4[/table]
[table=0]Eintrag 5[/table]
[table=0]Eintrag 6[/table]
[/tr]
[/tbody]
[/tblo]

ergibt

Testtabelle-Kopfzeile
Breiter Eintrag
Eintrag 1	Eintrag 2	Eintrag 3
Eintrag 4	Eintrag 5	Eintrag 6

Das System mag keine Umbrüche.

[edit]neuer test:

Code: Alles auswählen

[tblo][tbody][tr][th=3]Tabelle[/th][/tr][tr][table=3]Testtabelle-Kopfzeile
Zweite Zeile[/table][/tr][tr][table=0]Eintrag 1[/table][table=0]Eintrag 2[/table][table=0]Eintrag 3
[img]https://www.gamespodcast.de/wp-content/uploads/2016/10/pod_logo_270x90.png[/img]
Dritte Zeile[/table][/tr][tr][table=0]Eintrag 4[/table][table=0]Eintrag 5[/table][table=0]Eintrag 6[/table][/tr][/tbody][/tblo]

Tabelle
Testtabelle-Kopfzeile Zweite Zeile
Eintrag 1	Eintrag 2	Eintrag 3 Dritte Zeile
Eintrag 4	Eintrag 5	Eintrag 6

Also Vinter nur Umbrüche dort machen wo auch wirklich Text drin steht zwischen dem (Tabellen)BB-Code dürfen keine Umbrüche drin sein, die tauchen sonst vor der Tabelle auf

[Vinter]

Danke für den Test.
Das war die Richtung, in die ich auch als nächstes gedacht hatte, kam aber noch nicht zum ausprobieren.

Gut, dass die Lösung so früh bekannt wird und nicht erst nach der E3

[drnkn]

Gefixte Version per PN

[Lurtz]

Macht aber Spielevorstellungen um einiges besser. Nen Video sagt mehr als tausend Bilder. Und es bricht den Textwüstencharme ein wenig auf.

Dann reicht auch ein einfacher Link zu Youtube, oder nicht?