04.07.2013, 15:17
Hier nun eine Auflistung von nutzbaren MyCodes / BBcodes.
Dazu vorweg: Bei MyBB heißen "BBCodes" grundsätzlich "MyCode". Im Endeffekt ist beides das selbe.
Allgemeines
Ein MyCode hat grundsätzlich folgenden Aufbau:
Die meisten MyCodes im Beitragseditor sind selbsterklärend. Dennoch stehen in den anderen Tabs zu einigen noch ein paar Hinweise.
Farbe
Bei der Schriftfarbe ist man nicht auf die Vorgaben des Editors beschränkt.
Allgemein ist der Aufbau dieses MyCodes folgender:
Bei diesen Farbwerten gibt es im Editor ein paar Vorlagen, jedoch kann man auch beliebige eigene gültige Hex-Werte angeben. Bedenkt dabei, dass eine Farbangabe aus genau 6 Ziffern des Hexadezimalsystems besteht.
Dabei gibt es folgenden Aufbau:
#001122
Die ersten beiden Ziffer stehen für den Rot-Anteil, danach folgt der Grün-Anteil, zuletzt der Blau-Anteil.
Für jeden dieser Werte gibt es den Wertebereich von 00 (Dezimal: 0), bis FF (Dezimal: 255).
Möchte man also das stärkste Gelb haben, was machbar ist, mischt man Rot + Grün.
In RGB wäre das: R=255, G=255, B=0.
In Hex wäre das: R=FF, G=FF, B=0 --> #FFFF00
Also final im Code:
und erzeugt folgende Ausgabe:
Test
Schrift
Bei der Schrift ist es ähnlich wie bei den Farben.
Aufbau:
In den Vorbelegungen existiert auch hier wieder eine Auswahl. Jedoch sind das alles Schriften, die nahezu auf jedem PC-System vorhanden sind.
Man kann auch eine eigene Schriftart angeben, muss dabei aber bedenken, dass der Text bei einem Nutzer, der diese Schriftart nicht installiert hat, mit einer Ersatzschriftart dargestellt wird.
Beispiel:
Ausgabe:
Dieser Text ist in Calibri dargestellt. Auf älteren Windowssystemen (Windows XP und davor) ist Calibri standardmäßig -nicht- vorhanden.
Tabs
Tabs, wie sie hier zur übersichtlicheren Darstellung einzelner Bereiche genutzt wurden, sind kein Standard-MyCode. D.h. diese Funktion wurde durch ein Plugin nachgerüstet.
Aufbau:
Ausgabe:
Wie hier
Hinweise zur Verwendung:
Spoiler
Was natürlich auch nicht fehlen darf ist der klassische Spoiler. Dieser ist auch mittels Plugin nachgerüstet.
Aufbau:
Ausgabe:
Hinweise:
Tabellen
Der Tabellen-MyCode ist über ein Plugin realisiert.
Tabellen sind generell im HTML nicht ganz so leicht abzubilden, daher ist der MyCode auch hier ein wenig komplexer.
Aufbau:
Ausgabe:
Dazu vorweg: Bei MyBB heißen "BBCodes" grundsätzlich "MyCode". Im Endeffekt ist beides das selbe.
Allgemeines
Ein MyCode hat grundsätzlich folgenden Aufbau:
Code:
[name_des_mycodes]...Hier steht der Text, auf den sich der MyCode auswirkt...[/name_des_mycodes]Die meisten MyCodes im Beitragseditor sind selbsterklärend. Dennoch stehen in den anderen Tabs zu einigen noch ein paar Hinweise.
Farbe
Bei der Schriftfarbe ist man nicht auf die Vorgaben des Editors beschränkt.
Allgemein ist der Aufbau dieses MyCodes folgender:
Code:
[color=#FARBWERT_ALS_HEXZAHL] ... Einzufärbender Text... [/color]Bei diesen Farbwerten gibt es im Editor ein paar Vorlagen, jedoch kann man auch beliebige eigene gültige Hex-Werte angeben. Bedenkt dabei, dass eine Farbangabe aus genau 6 Ziffern des Hexadezimalsystems besteht.
Dabei gibt es folgenden Aufbau:
#001122
Die ersten beiden Ziffer stehen für den Rot-Anteil, danach folgt der Grün-Anteil, zuletzt der Blau-Anteil.
Für jeden dieser Werte gibt es den Wertebereich von 00 (Dezimal: 0), bis FF (Dezimal: 255).
Möchte man also das stärkste Gelb haben, was machbar ist, mischt man Rot + Grün.
In RGB wäre das: R=255, G=255, B=0.
In Hex wäre das: R=FF, G=FF, B=0 --> #FFFF00
Also final im Code:
Code:
[color=#FFFF00]Test[/color]und erzeugt folgende Ausgabe:
Test
Schrift
Bei der Schrift ist es ähnlich wie bei den Farben.
Aufbau:
Code:
[font=SCHRIFTART]... Text der in der Schriftart dargestellt werden soll....[/font]In den Vorbelegungen existiert auch hier wieder eine Auswahl. Jedoch sind das alles Schriften, die nahezu auf jedem PC-System vorhanden sind.
Man kann auch eine eigene Schriftart angeben, muss dabei aber bedenken, dass der Text bei einem Nutzer, der diese Schriftart nicht installiert hat, mit einer Ersatzschriftart dargestellt wird.
Beispiel:
Code:
[font=Calibri]Dieser Text ist in Calibri dargestellt. Auf älteren Windowssystemen (Windows XP und davor) ist Calibri standardmäßig -nicht- vorhanden.[/font]Ausgabe:
Dieser Text ist in Calibri dargestellt. Auf älteren Windowssystemen (Windows XP und davor) ist Calibri standardmäßig -nicht- vorhanden.
Tabs
Tabs, wie sie hier zur übersichtlicheren Darstellung einzelner Bereiche genutzt wurden, sind kein Standard-MyCode. D.h. diese Funktion wurde durch ein Plugin nachgerüstet.
Aufbau:
Code:
[tabmenu]
[tab=Title1]Inhalt1[/tab]
[tab=Title2]Inhalt2[/tab]
[tab=Title3]Inhalt3[/tab]
[/tabmenu]Ausgabe:
Wie hier
Hinweise zur Verwendung:
- Es ist nicht möglich Tabs ineinander zu verschachteln
- Wenn man mit der Inline-Bearbeitung einen Tab bearbeitet, muss man anschließend die Seite neu laden, damit die Tabs korrekt dargestellt werden (JavaScript bedingt)
Spoiler
Was natürlich auch nicht fehlen darf ist der klassische Spoiler. Dieser ist auch mittels Plugin nachgerüstet.
Aufbau:
Code:
[spoiler]Test[/spoiler]
[spoiler=Hier steht was]Test 15[/spoiler]Ausgabe:
Spoiler :
Spoiler: Hier steht was
Hinweise:
- Spoiler sind ineinander verschachtelbar
Tabellen
Der Tabellen-MyCode ist über ein Plugin realisiert.
Tabellen sind generell im HTML nicht ganz so leicht abzubilden, daher ist der MyCode auch hier ein wenig komplexer.
Aufbau:
Code:
[table]
row 1, cell 1[cell]row 1, cell 2[cell]row 1, cell 3
[row]
row 2, cell 1[cell span=2 align=right]row 2, cell 2 (right aligned, with colspan=2)
[row=red]
row 3, cell 1 (red background)[cell=green]row 3, cell 2 (green background)[cell w=50]row 3, cell 3 with width of 50px
[/table]Ausgabe:
| row 1, cell 1 | row 1, cell 2 | row 1, cell 3 |
| row 2, cell 1 | row 2, cell 2 (right aligned, with colspan=2) | |
| row 3, cell 1 (red background) | row 3, cell 2 (green background) | row 3, cell 3 with width of 50px |
Hinweise:
- Es ist möglich jedes Tabellenzellenspezifische Attribut zu nutzen. Es gibt dabei verschiedene Schreibweisen für dieselbe Eigenschaft:
- colspan,cspan,span => Anzahl der Zellen, die horizontal verbunden werden sollen
- rowspan,rspan => Anzahl der Zellen, die vertikal (zeilenweise) verbunden werden sollen
- width,w => Breite (in px oder %)
- height,h => Höhe (in px oder %)
- align,halign => Horizontale Ausrichtung (middle,center,left,right)
- valign => Vertikale Ausrichtung (center, middle, top, bottom)
