Ankündigung Forum-Cheatsheet

  • Info

    Forum-Cheatsheet

    Ich muss selbst immer wieder nachschauen, wie man eine Tabelle macht, also denke ich mir, ich füg mal ein kleines Cheat-Sheet hier ein.

    [expander='Listen']
    Liste:
    • Punkt
    • Punkt
    • Punkt

    Quellcode

    1. Liste:
    2. [list]
    3. [*]Punkt
    4. [*]Punkt
    5. [*]Punkt
    6. [/list]



    Numerierte Liste:
    1. Punkt 1
    2. Punkt 2
    3. Punkt 3

    Quellcode

    1. Numerierte Liste:
    2. [list=1]
    3. [*]Punkt 1
    4. [*]Punkt 2
    5. [*]Punkt 3
    6. [/list]


    Alphabetische Liste:
    1. Punkt 1
    2. Punkt 2
    3. Punkt 3

    Quellcode

    1. Alphabetische Liste:
    2. [list=lower-latin]
    3. [*]Punkt 1
    4. [*]Punkt 2
    5. [*]Punkt 3
    6. [/list]



    [/expander][expander='Links']

    Link ohne Format:
    example.com

    Quellcode

    1. Link ohne Format:
    2. [url]http://example.com[/url]


    Link mit Format:
    Link

    Quellcode

    1. Link mit Format:
    2. [url='http://example.com']Link[/url]


    Link mit Bild:

    Quellcode

    1. Link mit Bild:
    2. [url='http://example.com'][img]http://s1.directupload.net/images/110421/9mjfqog8.png[/img][/url]



    [/expander][expander='Zitate']

    Zitat:
    Lorem ipsum...


    Quellcode

    1. Zitat:
    2. [quote]Lorem ipsum...[/quote]


    Zitat mit Username:

    Biohazard schrieb:

    Lorem ipsum...


    Quellcode

    1. Zitat mit Username:
    2. [quote='Biohazard']Lorem ipsum...[/quote]


    Zitat mit Name und Link:

    Biohazard schrieb:

    Lorem ipsum...


    Quellcode

    1. Zitat mit Name und Link:
    2. [quote='Biohazard','http://example.com']Lorem ipsum...[/quote]



    [/expander][expander='Videos']


    [wise=info]Es ist stehts darauf zu achten, dass immer http:// vorn an der URL dransteht, alle Leerzeichen zu entfernen sind und Zusatzparameter wie &feature=XX, &fmt=XX usw. zu entfernen sind, bevor ein Video eingefügt wird.

    Quellcode

    1. korrekt: [media]http://www.youtube.com/watch?v=VIDEOID[/media]
    2. falsch: [media]www.youtube.com/watch?v=VIDEOID&feature=blabla[/media]
    3. korrekt: [media]http://www.youtube.com/watch?v=VIDEOID[/media]
    4. falsch: [media]www.youtube.com/watch?v=VIDEOID&feature=blabla[/media]

    Danke an StarWolf3000 für diesen Hinweis.[/wise]




    Video:


    Quellcode

    1. Video:
    2. [media]http://www.youtube.com/watch?v=G3C-VevI36s[/media]


    Viedeo Mit Titel:
    [video=Touhu - Bad Apple!! PV]http://www.youtube.com/watch?v=G3C-VevI36s[/media]

    Quellcode

    1. Viedeo Mit Titel:
    2. [video=Touhu - Bad Apple!! PV]http://www.youtube.com/watch?v=G3C-VevI36s[/media]


    Viedeo Mit Titel klein:
    [video=Touhu - Bad Apple!! PV,center,small]http://www.youtube.com/watch?v=G3C-VevI36s[/media]

    Quellcode

    1. Viedeo Mit Titel klein:
    2. [video=Touhu - Bad Apple!! PV,center,small]http://www.youtube.com/watch?v=G3C-VevI36s[/media]


    Viedeo Mit Titel groß:
    [video=Touhu - Bad Apple!! PV,center,wide]http://www.youtube.com/watch?v=G3C-VevI36s[/media]

    Quellcode

    1. Viedeo Mit Titel groß:
    2. [video=Touhu - Bad Apple!! PV,center,wide]http://www.youtube.com/watch?v=G3C-VevI36s[/media]


    [wise=info]Es ist auch möglich das Video linksbündig oder rechtsbündig einzufügen.
    Dabei "fließt" der Text dann um das Video herum.
    Dabei muss man aber beachten, dass man dazu immer die Größe der Vorschau mit angeben muss.
    Folgende Möglichkeiten bestehen:

    Quellcode

    1. [video=Touhu - Bad Apple!! PV,left|center|right,small|default|wide]http://www.youtube.com/watch?v=G3C-VevI36s[/media]

    Das Zeichen "|" ist hier als "oder" zu sehen.[/wise]

    Video linksbündig klein:

    [video=Touhu - Bad Apple!! PV,left,small]http://www.youtube.com/watch?v=G3C-VevI36s[/media]Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
    sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
    sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
    Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
    sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
    sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
    Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
    invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
    At vero eos et accusam et justo duo dolores et ea rebum.
    Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
    sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
    sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
    Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

    Quellcode

    1. Video linksbündig klein:
    2. [video=Touhu - Bad Apple!! PV,left,small]http://www.youtube.com/watch?v=G3C-VevI36s[/media]Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
    3. sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
    4. sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
    5. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    6. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
    7. sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
    8. sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
    9. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    10. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
    11. invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
    12. At vero eos et accusam et justo duo dolores et ea rebum.
    13. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    14. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
    15. sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
    16. sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
    17. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    Alles anzeigen



    [/expander][expander='Spoiler']

    Spoiler:
    Spoiler anzeigen
    EIn gaaaaaanz langer Satz oder SysCheck


    Quellcode

    1. Spoiler:
    2. [spoiler]EIn gaaaaaanz langer Satz oder SysCheck[/spoiler]


    Spoiler mit Text:
    Text!
    EIn gaaaaaanz langer Satz oder SysCheck


    Quellcode

    1. Spoiler:
    2. [spoiler=Text!]EIn gaaaaaanz langer Satz oder SysCheck[/spoiler]



    [/expander][expander='Expander (Wird hier verwendet)']
    Beispiele für die Verwendung des Expanders habt ihr ja hier schon genug. ^^
    Im Prinzip funktioniert dieser genau wie ein Spoiler.
    Die Sysntax lautet wie folgt:

    Quellcode

    1. [expander='Bezeichnung des Expanders']Inhalt des Expanders[/expander]



    [/expander][expander='Tabelle']


    Tabelle:
    [table=3]
    [*]Überschrift Erste Spalte
    [*]Überschrift Zweite Spalte
    [*]Überschrift Dritte Spalte
    [*]Erste Zeile, Erste Spalte
    [*]Erste Zeile, Zweite Spalte
    [*]Erste Zeile, Dritte Spalte
    [*]Zweite Zeile, Erste Splate
    [*]Zweite Zeile, Zweite Spalte
    [*]Zweite Zeile, Dritte Spalte[/table]

    Quellcode

    1. Tabelle:
    2. [table=3]
    3. [*]Überschrift Erste Spalte
    4. [*]Überschrift Zweite Spalte
    5. [*]Überschrift Dritte Spalte
    6. [*]Erste Zeile, Erste Spalte
    7. [*]Erste Zeile, Zweite Spalte
    8. [*]Erste Zeile, Dritte Spalte
    9. [*]Zweite Zeile, Erste Splate
    10. [*]Zweite Zeile, Zweite Spalte
    11. [*]Zweite Zeile, Dritte Spalte[/table]
    Alles anzeigen


    [wise=info]Hierbei ist zu beachten, dass der Text innerhalb von Tabellen nur beschränkt formatierbar ist.
    So kann man zum Beispiel den Text fett, kursiv und unterstrichen in verschiedenen Farben gestalten, nicht aber die Schriftgröße ändern.
    Die Tabellenüberschriften können überhaupt nicht formatiert werden.[/wise]
    Beispiel:

    [table=3]
    [*]Überschrift Erste Spalte
    [*]Überschrift Zweite Spalte
    [*]Überschrift Dritte Spalte
    [*]Erste Zeile, Erste Spalte
    [*]Erste Zeile, Zweite Spalte
    [*]Erste Zeile, Dritte Spalte
    [/table]

    Quellcode

    1. [table=3]
    2. [*]Überschrift Erste Spalte
    3. [*]Überschrift Zweite Spalte
    4. [*]Überschrift Dritte Spalte
    5. [*][b]Erste Zeile[/b], [i]Erste Spalte[/i]
    6. [*][u]Erste Zeile[/u], [s]Zweite Spalte[/s]
    7. [*][color=#ff0000]Erste Zeile[/color], [color=#ffff00]Dritte Spalte[/color]
    8. [/table]



    [/expander][expander='Tabmenü']

    Tabmenü:

    Was du heute kannst besorgen...


    ...das verschiebe stets auf Morgen.



    Quellcode

    1. Tabmenü:
    2. [tabmenu]
    3. [tab='Erster Tab']
    4. Was du heute kannst besorgen...
    5. [tab='Zweiter Tab']
    6. ...das verschiebe stets auf Morgen.
    7. [/tabmenu]


    Tabmebü mit Icons:

    Was du heute kannst besorgen...


    ...das verschiebe stets auf Morgen.



    Quellcode

    1. Tabmebü mit Icons:
    2. [tabmenu]
    3. [tab='Erster Tab', 'http://forum.wii-homebrew.com/wcf/icon/galleryM.png']
    4. Was du heute kannst besorgen...
    5. [tab='Zweiter Tab', 'http://forum.wii-homebrew.com/icon/indexM.png']
    6. ...das verschiebe stets auf Morgen.
    7. [/tabmenu]


    Tabmenü mit Subtabs:


    Quellcode

    1. Tabmenü mit Subtabs:
    2. [tabmenu]
    3. [tab='Erster Tab']
    4. Inhalt erster Tab
    5. [subtab='Subtab 1']
    6. Inhalt erster Tab, Subtab 1
    7. [subtab='Subtab 2']
    8. Inhalt erster Tab, Subtab 2
    9. [tab='Zweiter Tab']
    10. Inhalt Zweiter Tab
    11. [subtab='Subtab 1']
    12. Inhalt zweiter Tab, Subtab 1
    13. [subtab='Subtab2']
    14. Inhalt zweiter Tab, Subtab 2
    15. [/tabmenu]
    Alles anzeigen



    [/expander][expander='Fieldset (eingerahmter Text)']


    Fieldset:
    Lorem ipsum...


    Quellcode

    1. Fieldset:
    2. [fieldset]Lorem ipsum...[/fieldset]


    Fieldset mit Legende:
    [legend]Bio[/legend]Lorem ipsum...


    Quellcode

    1. Fieldset mit Legende:
    2. [fieldset][legend]Bio[/legend]Lorem ipsum...[/fieldset]


    [wise=info]Um Textzusammenhänge besser zu verdeutlichen, kann man auch "verschachtelte" Fieldsets einsetzen.
    So kann man mehrere Punkte zu einem Thema zusammenfassen.
    Wie man an dem Quellcode sieht, kann man bei solchen Vorhaben schnell den Überblick verlieren.
    Man sollte das also nur einsetzen, wenn man schon ein wenig Erfahrung hat.[/wise]
    Beispiel:

    [legend]Hauptthema[/legend]
    [legend]Unterpunkt 1[/legend]Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
    sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
    [legend]Unterpunkt 2[/legend] At vero eos et accusam et justo duo dolores et ea rebum.
    Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.


    Quellcode

    1. [fieldset][legend][b][size=12][color=#ff0000]Hauptthema[/color][/size][/b][/legend][fieldset][legend]Unterpunkt 1[/legend]Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
    2. sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.[/fieldset][fieldset][legend]Unterpunkt 2[/legend] At vero eos et accusam et justo duo dolores et ea rebum.
    3. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.[/fieldset][/fieldset]

    [wise=error]Werden zu viele verschachtelte Fieldsets eingesetzt, kann es zu Anzeigefehlern bei kleinen Bilschirmen kommen. (Handys, Netbooks)
    Der Text wird dann teilweise rechts einfach abgeschnitten.
    [/wise]


    [/expander]
    Kommentare sind erwünscht und halten meinen Blog am Leben.

    Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von Belshirash () aus folgendem Grund: Diverse Aktualisierungen vorgenommen.

    DragonWork schrieb:

    Hier wäre es nützlich, wenn man den Permalink eines Beitrags hinzufügt.

    Wie man hier sieht, wird der Permalink ja automatisch erstellt, wenn man einen Beitrag zitiert. ;)


    Wer es sich ganz einfach machen will, sagt einfach: "Das ist mir zu kompliziert".
    Avatar und Signatur GFX © by Black.Pearl


    Supportanfragen per PN werden ignoriert und gelöscht!
    Ein Forum lebt von den Beiträgen der User.


    Wenn Euch bei einem Problem geholfen wurde, freut sich der Supporter über eine
    Bewertung mehr, als über einen Dankespost.
    ABER
    Der Button kann auch eingesetzt werden, wenn es nicht direkt um Euch geht.
    Findet Ihr einen Beitrag allgemein hilfreich oder auf sonst irgend eine Art gut, dann Lasst es
    den Verfasser wissen!!



    Der Melden Button wird leider viel zu selten eingesetzt.
    Viele hier denken, dass der Melden Button nur dazu da ist "Verstöße" zu melden.
    Aber auch alltägliche Unregelmäßigkeiten sollten gemeldet werden.
    Dazu gehören z.B. unnötige Doppelposts, Dankesposts, zu große Signaturen, Spam oder fehlende Spoiler (sysCheck).
    Das hat nichts mit Petzen zu tun!!
    Es hilft den Mods die Threads sauber und übersichtlich zu halten.

    Update 24.04.2012

    Da es sich hier um eine sehr gute Zusammenstellung der verfürgbaren BBCodes handelt,
    habe ich diesen Thread als Ankündigung in die Board-News gesetzt.
    Er war zuvor nur im OT-Bereich zu finden und da sucht kaum jemand danach.

    Bei der Gelegenheit habe ich die Angaben noch ein wenig erweitert und zur besseren
    Übersichtlichkeit die einzelnen Punkte in Expander gelegt.


    Wer es sich ganz einfach machen will, sagt einfach: "Das ist mir zu kompliziert".
    Avatar und Signatur GFX © by Black.Pearl


    Supportanfragen per PN werden ignoriert und gelöscht!
    Ein Forum lebt von den Beiträgen der User.


    Wenn Euch bei einem Problem geholfen wurde, freut sich der Supporter über eine
    Bewertung mehr, als über einen Dankespost.
    ABER
    Der Button kann auch eingesetzt werden, wenn es nicht direkt um Euch geht.
    Findet Ihr einen Beitrag allgemein hilfreich oder auf sonst irgend eine Art gut, dann Lasst es
    den Verfasser wissen!!



    Der Melden Button wird leider viel zu selten eingesetzt.
    Viele hier denken, dass der Melden Button nur dazu da ist "Verstöße" zu melden.
    Aber auch alltägliche Unregelmäßigkeiten sollten gemeldet werden.
    Dazu gehören z.B. unnötige Doppelposts, Dankesposts, zu große Signaturen, Spam oder fehlende Spoiler (sysCheck).
    Das hat nichts mit Petzen zu tun!!
    Es hilft den Mods die Threads sauber und übersichtlich zu halten.