Heute möchte ich euch einige Editorerweiterungen vorstellen, die ihr nutzen könnt um eure Beiträge noch individueller zu gestalten.
Manche BB-Codes sind an euren Benutzerrang gekoppelt, es kann also sein, dass ihr noch nicht alle zur Verfügung stehenden Codes benutzen könnt. Also, fleißig schreiben und neue BBCodes bekommen 
Inline Code
Mit dem tt Inline Code lassen sich Texte hervorheben, in dem Wörter oder einzelne Sätze eingerahmt dargestellt werden. 
Überschriften
H1 und H2 fügen Überschriften in euren Text ein. Die Formatierung richtet sich global an die Formatierungen des Forums und beziehen sich hierbei auf die HTML Headlines <h1> und <h3>. Eigene Stil- und Formatanpassungen sind hier nicht möglich. Diese Überschriften erzeugen dabei automatische Sprungmarken und einen Eintrag ins optionale Inhaltsverzeichnis.
[heading]Überschrift H1[/heading] oder die kleine Variante [subheading]Überschrift H2[/subheading] Man beachte hier die Sprungmarke am Ende. Hiermit kann man direkt auf die jeweilige Überschrift verweisen.
Fußnoten
Vielleicht möchte ja jemand mal eine wissenschaftliche Arbeit verfassen. Aber auch sonst kann man Fußnoten sicher manchmal gut gebrauchen. Fußnoten setzen einen Link oder Hinweistext am Ende des Beitrags, ohne den Text durch genauere Erläuterungen zu beeinflussen.
Der Code dafür ist simpel: [footnote]Ich bin die Fußnote Nr.1[/footnote][footnote]Ich bin die Fußnote Nr.1[/footnote]. Alternativ funktioniert auch [fn]Fußnote 1[/fn]
Pro & Contra
Mit dem BBCode [procontra][/procontra] lassen sich Pro & Contra-Listen erstellen. Dabei kann man sogar einen eigenen Titel vergeben.
Als Beispiel könnte das dann so aussehen:
[procontra='Soll Lewandowski verpflichtet werden?',right]
[+]Alter
[+]Laufstärke
[+]Torgefährlichkeit
[-]eigensinnig
[*]Marktwert[/procontra][procontra='Soll Lewandowski verpflichtet werden?',right]
[+]Alter
[+]Laufstärke
[+]Torgefährlichkeit
[-]eigensinnig
[*]Marktwert
[/procontra]
Zusätzlich lässt sich mit left oder right der Text links oder rechts umfließen. Andernfalls wird die Box über die gesamte Breite erstellt.
Boxen
Boxen sind eine gute Möglichkeit Texte etwas aufzuwerten und bestimmte Dinge hervorzuheben.
Anzuwenden sind sie ganz einfach. [cbox]Beispiel Text[/cbox] wird zu:
[cbox]Beispiel Text[/cbox]
Aber auch dieser lässt sich weiter anpassen: Titel, Position oder Größe! Verwende dazu einfach [cbox=' Mein Titel',left,3]Mein Text[/cbox]
[cbox=' Mein Titel',left,2]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.[/cbox]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. 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. 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.
Neben normalen Boxen gibt es auch Hinweisboxen. Diese sind farbig hervorgehoben und mit einer entsprechenden Grafik ausgestattet.
[wise=warning][wise=warning]Mein Text[/wise][/wise]
[wise=info][wise=info]Mein Text[/wise][/wise]
[wise=success][wise=success]Mein Text[/wise][/wise]
[wise=error][wise=error]Mein Text[/wise][/wise]
Tabmenüs
Tabmenüs sind ein tolles Werkzeug. Dabei können im Beitrag eigene Tabs erstellt werden, das Icon ausgewählt werden und sogar Untermenüs angelegt werden.
[tabmenu]
[tab='Tab 1','icon-comment'] Inhalt des Tab 1
[tab='Tab 2,'icon-coffee'] Inhalt des Tab 2
[subtab='subtitel1','icon-meh']Inhalt des Subtab 1
[/tabmenu][wise=warning]Beachtet beim Einfügen von Grafiken unbedingt deren Lizenzbestimmungen![/wise]
Mit [tab='Tab 1','icon'] kann die Überschrift des Tabs gewählt werden und bei icon ein Pfad zur Grafik eingefügt werden. Diese Grafik ist immer 16x16px groß. In Zukunft stellen wir euch hierfür eine Auswahl an Grafiken zur Verfügung. Weiterhin ist das FMGate, Entschuldigung, FMWelten, mit Font Awesome Icons verbunden. Das heißt, ihr könnt dort einfach eines der Icons auswählen und über den Icon-Namen einfügen. z.B. icon-comment
[tabmenu]
[tab='Pressekonferenz','icon-book'] 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.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.
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, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. 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.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.
[tab='Training','http://fmwelten.de/forum/wcf/images/tutorial/editor/soccer-icon.png']
[subtab='Lauftraining','http://fmwelten.de/forum/wcf/images/tutorial/editor/Sport-football-pitch-icon.png']Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. 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, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. 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.
[subtab='Lauftraining','http://fmwelten.de/forum/wcf/images/tutorial/editor/Sport-football-pitch-icon.png']
Test
[/tabmenu]
[subheading]Spoiler - Der verborgene Text[/subheading]
[spoiler]Mein versteckter Text[/spoiler]
[subheading]Folgende Icons können für Beiträge oder TabMenüs verwendet werden.[/subheading]
Die Icons sind jeweils 32x32px groß und unter den aufgeführten Pfaden zu finden.
Eine kleine Version in Größe 16x16px ist im Ordner forum/wcf/icon//story16/ zu finden.
Allgemein
Icon |
Dateipfad |
Icon |
Dateipfad |
 |
http://fmwelten.de/forum/wcf/icon/story/alert.png |  |
http://fmwelten.de/forum/wcf/icon/story/board.png |
 |
http://fmwelten.de/forum/wcf/icon/story/user.png |  |
http://fmwelten.de/forum/wcf/icon/story/calendar.png |
 |
http://fmwelten.de/forum/wcf/icon/story/clip.png |  |
http://fmwelten.de/forum/wcf/icon/story/clock.png |
 |
http://fmwelten.de/forum/wcf/icon/story/pin.png |  |
http://fmwelten.de/forum/wcf/icon/story/pencil.png |
 |
http://fmwelten.de/forum/wcf/icon/story/letter.png |  |
http://fmwelten.de/forum/wcf/icon/story/map.png |
 |
http://fmwelten.de/forum/wcf/icon/story/plus.png |  |
http://fmwelten.de/forum/wcf/icon/story/minus.png |
 |
http://fmwelten.de/forum/wcf/icon/story/ok.png |  |
http://fmwelten.de/forum/wcf/icon/story/error.png |
 |
http://fmwelten.de/forum/wcf/icon/story/info.png |  |
http://fmwelten.de/forum/wcf/icon/story/question.png |
 |
http://fmwelten.de/forum/wcf/icon/story/faq.png |  |
http://fmwelten.de/forum/wcf/icon/story/idea.png |
 |
http://fmwelten.de/forum/wcf/icon/story/chat_blue.png |  |
http://fmwelten.de/forum/wcf/icon/story/chat_green.png |
 |
http://fmwelten.de/forum/wcf/icon/story/search.png |  |
http://fmwelten.de/forum/wcf/icon/story/search1.png |
 |
http://fmwelten.de/forum/wcf/icon/story/globe.png |  |
http://fmwelten.de/forum/wcf/icon/story/star-full.png |
 |
http://fmwelten.de/forum/wcf/icon/story/star-half.png |  |
http://fmwelten.de/forum/wcf/icon/story/star-empty.png |
Sport
Icon |
Dateipfad |
Icon |
Dateipfad |
 |
http://fmwelten.de/forum/wcf/icon/story/ball.png |  |
http://fmwelten.de/forum/wcf/icon/story/disallowed.png |
 |
http://fmwelten.de/forum/wcf/icon/story/abseits.png |  |
http://fmwelten.de/forum/wcf/icon/story/corner.png |
 |
http://fmwelten.de/forum/wcf/icon/story/bench.png |  |
http://fmwelten.de/forum/wcf/icon/story/first-aid.png |
 |
http://fmwelten.de/forum/wcf/icon/story/in.png |  |
http://fmwelten.de/forum/wcf/icon/story/out.png |
 |
http://fmwelten.de/forum/wcf/icon/story/card_yellow.png |  |
http://fmwelten.de/forum/wcf/icon/story/card_red.png |
 |
http://fmwelten.de/forum/wcf/icon/story/cards.png |  |
http://fmwelten.de/forum/wcf/icon/story/referee.png |
 |
http://fmwelten.de/forum/wcf/icon/story/goal.png |  |
http://fmwelten.de/forum/wcf/icon/story/scoreboard.png |
 |
http://fmwelten.de/forum/wcf/icon/story/shirt.png |  |
http://fmwelten.de/forum/wcf/icon/story/shoe.png |
 |
http://fmwelten.de/forum/wcf/icon/story/stadium2.png |  |
http://fmwelten.de/forum/wcf/icon/story/strategy.png |
 |
http://fmwelten.de/forum/wcf/icon/story/pfeife.png |  |
http://fmwelten.de/forum/wcf/icon/story/pfeife2.png |
 |
http://fmwelten.de/forum/wcf/icon/story/training.png |  |
http://fmwelten.de/forum/wcf/icon/story/training2.png |
 |
http://fmwelten.de/forum/wcf/icon/story/pitch.png |  |
http://fmwelten.de/forum/wcf/icon/story/pitch3.png |
 |
http://fmwelten.de/forum/wcf/icon/story/trophy4.png |  |
http://fmwelten.de/forum/wcf/icon/story/trophy3.png |
Finanzen
Icon |
Dateipfad |
Icon |
Dateipfad |
 |
http://fmwelten.de/forum/wcf/icon/story/trophy1.png |  |
http://fmwelten.de/forum/wcf/icon/story/trophy2.png |
 |
http://fmwelten.de/forum/wcf/icon/story/analytics.png |  |
http://fmwelten.de/forum/wcf/icon/story/analytics2.png |
 |
http://fmwelten.de/forum/wcf/icon/story/business.png |  |
http://fmwelten.de/forum/wcf/icon/story/coin.png |
 |
http://fmwelten.de/forum/wcf/icon/story/graph.png |  |
http://fmwelten.de/forum/wcf/icon/story/graph2.png |
 |
http://fmwelten.de/forum/wcf/icon/story/money.png |  |
http://fmwelten.de/forum/wcf/icon/story/money1.png |
 |
http://fmwelten.de/forum/wcf/icon/story/money2.png |  |
http://fmwelten.de/forum/wcf/icon/story/verkauf.png |
 |
http://fmwelten.de/forum/wcf/icon/story/vertrag.png | ||
Usernamen
Mit dem BBCode [username][/username] lässt sich jeder Benutzer individuell ansprechen.
[wise=success][username][/username], bis hier hin hast du es geschafft![/wise]
Ironie
Mit dem BBCode [irony]Text[/irony] lässt sich eine Box erstellen, mit der man ironische Beiträge gesondert kennzeichnen kann
[irony]Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.[/irony]
Textmarker
Der Textmarker hinterlegt den Text mit einer Hintergrundfarbe. [tm][/tm] Die Farbe kann man mittels Namen z.B. [tm=blue]Blauer Text[/tm] [tm=blue]Blauer Text[/tm] bestimmen oder per Hexcode. [tm=#98F5FF]Text[/tm] z.B. [tm=#98F5FF]Text[/tm]
[wise=info]Beachte, dass die Schriftfarbe vom Forum vorgegeben wird. Daher sollten dunkle Farben nicht verwendet werden, damit der Text leserlich bleibt.[/wise]
EInfach nur den Link schreiben und nicht verlinken 