BB-Code Hilfe

Übersicht

Element / Schreibweise Bedeutung Hinweise
[b]Text[/b] Fetter Text
[i]Text[/i] Kursiver Text
[u]Text[/u] Unterstrichener Text
[s]Text[/s] Durchgestrichener Text
[overline]Text[/overline] Überstrichener Text
[sup]Text[/sup] Hochgestellter Text
[sub]Text[/sub] Tiefgestellter Text
[nw]Text[/nw] Text ohne Leerzeichen
[art=Schriftart]Text[/art] Ändern der Schriftart
[scroll(=right/up/down)]Text[/scroll] Scrollender Text
[blink]Text[/blink] Blinkender Text
[center]Text[/center] Text zentrieren
[code]Text[/code] Text hervorheben
[url=Url]Text[/url] Links
[email=Emailadresse]Text[/email] Email Links
[backgroundmusic Profilid Video ID] Hintergrundmusik
[headline]Text[/headline] Bereichsüberschrift auch [h], [h2], [headline2]
[headline3]Text[/headline3] Zwischenüberschrift auch [h3]
[quote]Text[/quote]* Zitate
[color=Farbe]Text[/color] Ändern der Textfarbe nach dem = eine CSS-Farbangaben
[bgcolor=Farbe]Text[/bgcolor] Texthintergrund in Farbe nach dem = eine CSS-Farbangaben
[colorbox=Farbe]Text[/colorbox] Zeilenhintergrund in Farbe nach dem = eine CSS-Farbangaben
[border=Farbe]Text[/border] Rahmen in Farbe nach dem = eine CSS-Farbangaben
[size=+/-1 bis 9]Text[/size] Größe ändern nach dem = ein Vorzeichen (Vergrößern/verkleinern) und ein Wert
[date]Datumangabe[/date] Datum/Uhrzeit
[dyndate]Datumangabe[/dyndate] Aktualisierende/s Datum/Uhrzeit
[hr] Trenlinie
[anker=Name]Text Verknüpfung
[video=platform]videoid[/video] Videos von externen Seiten
[img]Bildurl[/img] Bilder von externen Seiten
[list]Eintrag[*]Eintrag[*]Eintrag...[/list]* Listen erstellen
{||Beitrag 1 Zeile 1||Beitrag 2 Zeile 1|-||Beitrag 1 Zeile 2||Beitrag 2 Zeile 2|} Tabellen erstellen ein BBCode ohne eckige Klammern ([])

* Verschachtelung dieser Elemente in sich selbst möglich

[b] nach Oben

Fetter Text

Syntax

[b]Text[/b]

Beispiele

[b]Fetter Text[/b]
Fetter Text

[i] nach Oben

Kursiver Text

Syntax

[i]Text[/i]

Beispiele

[i]Kursiver Text[/i]
Kursiver Text

[u] nach Oben

Unterstrichener Text

Syntax

[u]Text[/u]

Beispiele

[u]Unterstrichener Text[/u]
Unterstrichener Text

[s] nach Oben

Durchgestrichener Text

Syntax

[s]Text[/s]

Beispiele

[s]Durchgestrichener Text[/s]
Durchgestrichener Text

[overline] nach Oben

Überstrichener Text

Syntax

[overline]Text[/overline]

Beispiele

[overline]Unterstrichener Text[/overline]
Überstrichener Text

[sup] nach Oben

Hochgestellter Text

Syntax

[sup]Text[/sup]

Beispiele

[sup]Hochgestellter Text[/sup]
Hochgestellter Text

[sub] nach Oben

Tiefgestellter Text

Syntax

[sub]Text[/sub]

Beispiele

[sub]Tiefgestellter Text[/sub]
Tiefgestellter Text

[nw] nach Oben

Text ohne Leerzeichen

Syntax

[nw]Text[/nw]

Beispiele

[nw]Text ohne Leerzeichen[/nw]
TextohneLeerzeichen

[art] nach Oben

Ändern der Schriftart

Syntax

[art=Schriftart]Text[/art]

Beispiele

[art=Arial Black]Text in Arial Black[/art]
Text in Arial Black

[scroll] nach Oben

Scrollender Text

Syntax

[scroll(=right/up/down)]Text[/scroll]

Beispiele

[scroll]Nach links scrollender Text[/scroll]
Nach links scrollender Text
[scroll=right]Nach rechts scrollender Text[/scroll]
Nach rechts scrollender Text

[blink] nach Oben

Blinkender Text

Syntax

[blink]Text[/blink]

Beispiele

[blink]Blinkender Text[/blink]
Blinkender Text

[center] nach Oben

Das selbe kann man auch mit left, um den Text von links zu schreiben, und mit right, um den Text von rechts zu schreiben.

Syntax

[center]Text[/center]

Beispiele

[center]zentrieter Text[/center]
zentrieter Text

[code] nach Oben

Text hervorheben

Syntax

[code]Text[/code]

Beispiele

[code]hervorgehobener Text[/code]
hervorgehobener Text

[url] nach Oben

Hier sehen sie die Codes zum verlinken von Seiten, da es mehrere gibt, sehen sie auch mehrere Seiten.

Es gibt mehrere Möglichkeiten für die URL:

  1. Sie sehen aus wie in der Adresszeile des Browsers
  2. Sie haben kein http:// davor, dann wird es automatisch hinzugefügt
  3. Sie fangen mit / an, dann sind es interne Links innerhalb des VZs (z.B. /Start)
  4. Sie fangen mit # an, dann ist es ein Link zu einem Anker

In normalem Text kann man nur die ersten beiden Möglichkeiten verwenden.

Syntax

[url=Url]Text[/url] [Url Text] [Url|Text] Url

Beispiele

[url=jautis.fam-zangl.net]Jautis-Home[/url]
[jautis.fam-zangl.net Jautis-Home]
www.schuelervz.net
http://jautis.fam-zangl.net/
[#top|oben]

[email] nach Oben

Email Links

Syntax

[email=Emailadresse]Text[/email]

Beispiele

Keine Beispiele

[backgroundmusic] nach Oben

Die Profile Id steht im Link von deiner Seite hinter http://www.schuelervz.net/ (was noch hinter einem/ stehen kann, ist die tid, die nicht zur Id gehört)

und die Video Id steht hinter http://www.youtube.com/watch?v= (auch hier nichts mehr hinter weiteren / kopieren).

P.S. Dieser Code geht nur mit youtube Videos.

Syntax

[backgroundmusic Profilid Video ID]

Beispiele

Keine Beispiele

[headline] nach Oben

Erzeugt eine Überschrift für einen Bereich

Alternative Schriebweise: [h2]Text[/h2], [headline]Text[/headline], [headline2]Text[/headline2]

Das Aussehen der Überschrift kann je nach Theme anderst sein.

Syntax

[headline]Text[/headline]

Beispiele

[h]Überschrift[/h]
Überschrift

[headline3] nach Oben

Erzeugt eine kleinere Überschrift, wie für die einzelnen Bereiche bei Persönliches auf der Profilseite

Alternative Schriebweise: [h3]Text[/h3]

Das Aussehen der Überschrift kann je nach Theme anderst sein.

Syntax

[headline3]Text[/headline3]

Beispiele

[h3]Überschrift[/h3]
Überschrift

[quote] nach Oben

Zitate

Syntax

[quote]Text[/quote] [quote=Name]Text[/quote]

Beispiele

[quote]Zitat[/quote]
Zitat:
Zitat
[quote=Tim]Zitat[/quote]
Zitat von Tim:
Zitat

[color] nach Oben

Ändern der Textfarbe
nach dem = eine CSS-Farbangaben

Syntax

[color=Farbe]Text[/color]

Beispiele

[color=red]Bunter Text[/color]
Bunter Text

[bgcolor] nach Oben

Texthintergrund in Farbe
nach dem = eine CSS-Farbangaben

Syntax

[bgcolor=Farbe]Text[/bgcolor]

Beispiele

[bgcolor=red]Text mit farbigem Hintergrund[/bgcolor]
Text mit farbigem Hintergrund

[colorbox] nach Oben

Zeilenhintergrund in Farbe
nach dem = eine CSS-Farbangaben

Syntax

[colorbox=Farbe]Text[/colorbox]

Beispiele

[colorbox=red]Text in farbiger Zeile[/colorbox]
Text in farbiger Zeile

[border] nach Oben

Rahmen in Farbe
nach dem = eine CSS-Farbangaben

Syntax

[border=Farbe]Text[/border]

Beispiele

[border=red]Text in einem Border[/border]
Text in einem Border

[size] nach Oben

Größe ändern
nach dem = ein Vorzeichen (Vergrößern/verkleinern) und ein Wert

Syntax

[size=+/-1 bis 9]Text[/size]

Beispiele

[size=+2]Text vergrößert[/size]
Text vergrößert
[size=-4]Text verkleinert[/size]
Text verkleinert

[date] nach Oben

Datum/Uhrzeit

Syntax

[date]Datumangabe[/date]

Beispiele

[date]l[/date], der [date]d.m.Y H:i:s Uhr[/date]
Freitag, der 23.08.2019 22:19:47 Uhr

[dyndate] nach Oben

Aktualisierende/s Datum/Uhrzeit

Syntax

[dyndate]Datumangabe[/dyndate]

Beispiele

[dyndate]d.m.Y H:i:s Uhr[/dyndate]

[hr] nach Oben

Trenlinie

Syntax

[hr]

Beispiele

[hr]

[anker] nach Oben

Verknüpfung

Syntax

[anker=Name]Text

Beispiele

[anker=anker2]Anker

[video] nach Oben

stellt ein Video an der gewünschten Stelle dar.

videoid ist die Id des Videos. Diese ist je nach Platform unterschiedlich und findet sich normalerweise in der Adresse. Bei manchen Platformen kann man hier auch Angaben zur Darstellung des Videos machen

platform ist eine von folgenden Videoplatformen:

  • youtube für Youtube

Syntax

[video=platform]videoid[/video]

Beispiele

[video=youtube]abc|small|rosa[/video]
zeigt das Youtube-Video in einem kleinen, rosa player an

[img] nach Oben

Bilder von externen Seiten

Syntax

[img]Bildurl[/img] [img=Ausrichtung]Bildurl[/img] [img]Bildurl|Breite|Höhe[/img]

Beispiele

[img]http://example.com/image.png[/img]
zeigt das Bild von der externen Seite an
[img=left]http://example.com/image.png[/img]
zeigt das Bild auf der linken Seite an, der Text fliest drum herum.

[list] nach Oben

Erstellt eine Liste, wobei mit jedem [*] ein neuer Eintrag erstellt wird

Wenn vor dem ersten [*] ein Text (außer einem Absatz) steht wird er als erster Eintrag genommen, ansonsten beginnt der erste Eintrag erst nach dem ersten [*].

Listen können auch ineinander geschrieben werden.

Syntax

[list]Eintrag[*]Eintrag[*]Eintrag...[/list]

Beispiele

[list]Eintrag 1 [*]Eintrag 2 [*]Eintrag 2 [/list]
  • Eintrag 1
  • Eintrag 2
  • Eintrag 3
[list] [*]Eintrag 1 [list] [*]Eintrag 1.1 [*]Eintrag 1.2 [/list] [*]Eintrag 2 [/list]
  • Eintrag 1
    • Eintrag 1.1
    • Eintrag 1.2
  • Eintrag 2

[Tabellen] nach Oben

Tabellen erstellt ihr mit {} vor jeden Beitrag macht ihr entweder in der selben Zeile 2|(=||) oder in der folgenden 1| und dann den Beitrag.

Um eine neue Zeile zu erstellen schreibt ihr |- und nach dem letzten Beitrag macht ihr noch ein |.

Syntax

{||Beitrag 1 Zeile 1||Beitrag 2 Zeile 1|-||Beitrag 1 Zeile 2||Beitrag 2 Zeile 2|}

Beispiele

{ |Beitrag 1 Zeile 1 |Beitrag 2 Zeile 1 |- |Beitrag 1 Zeile 2 |Beitrag 2 Zeile 2 | }
Beitrag 1 Zeile 1Beitrag 2 Zeile 1
Beitrag 1 Zeile 2Beitrag 2 Zeile 2

Farbangaben nach Oben

Einige Elemente erfordern Farbangaben. Für diese Farbangaben gibt es mehrere Möglichkeiten:

Wir haben auch eine Übersicht über die wichtigsten Farben und ihre Namen

Verschateln von Elementen nach Oben

Elemente können "geschachtelt" werden, das heißt dass sie ineinander geschrieben werden können. Dadurch addieren sich die Effekte.

Bei der Schachtelung ist zu beachten das die Endelemente immer in umgekehrter Reihenfolge wie die Anfangselemente stehen.

Meistens können Elemente nicht in sich selbst geschachtelt werden (z.B. [b][b][/b][/b]), dies geht nur bei bestimmten Elementen, die in der Übersicht mit einem blauen Stern gekennzeichnet sind

Bei Listen und Tabellen dürfen die Ausdrücke für die nächste Zeile/Zelle nicht von anderen BB-Codes umgeben sein. Es geht nicht: [list]...[b]...[*]...[/b]...[/list]

Für die Elemente [hidden], [nw], [nb], [enc=...], [doenc] gelten diese Regeln nicht

Der Parser interpretiert meistens falsche Ausdrücke so wie sie gemeint sind. Um fehlerhafte Darstellungen, auch in zukünftigen jautis-Versionen zu verhindern sollte man vor allem bei Gruppenbeschreibungen und Profilseiten sich an diese Richtlinien halten.