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:

Sie sehen aus wie in der Adresszeile des Browsers
Sie haben kein http:// davor, dann wird es automatisch hinzugefügt
Sie fangen mit / an, dann sind es interne Links innerhalb des VZs (z.B. /Start)
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-Home

[jautis.fam-zangl.net Jautis-Home]

Jautis-Home

www.schuelervz.net

www.schelervz.net

http://jautis.fam-zangl.net/

[#top|oben]

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]

Donnerstag, der 25.04.2024 12:14:00 Uhr

[dyndate] nach Oben

Aktualisierende/s Datum/Uhrzeit

Syntax

[dyndate]Datumangabe[/dyndate]

Beispiele

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

[anker] nach Oben

Verknüpfung

Syntax

[anker=Name]Text

Beispiele

[anker=anker2]Anker

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 1	Beitrag 2 Zeile 1
Beitrag 1 Zeile 2	Beitrag 2 Zeile 2

Farbangaben nach Oben

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

Du benutzt den englischen Namen, für rot schreibst du hier z.B. red
Du benutzt den hexadezimalen Code der Farbe. Dieser fängt mit einem # an, gefolgt von drei Ziffernpaaren für die Farben rot, grün und blau. Die Ziffern sind im Hexadezimalsystem, also kannst du die "Ziffern" 0-9 und a-f benutzen. 00 bedeutet die Farbe nicht anzeigen, ff (im Dezimalsystem 255) bedeutet volle Farbe. Durch diese drei Ziffernpaare kannst du dir nun mit etwas Übung die Farben zusammenbauen, rot ist zum Beispiel #ff0000. Es gibt aber auch Programme die das machen.
Du hast keine Lust mit dem Hexadezimalsystem zu abreiten, dann benutzt du das Dezimalsystem. Dann ist die Schreibweise aber etwas länger: rgb(Rot, Grün, Gelb). Du kannst für die einzlnen Fabren werte zwischen 0 und 255 angeben, oder zwischen 0% und 100%. Beispiel (rot): rgb(255, 0, 0) bzw. rgb(100%, 0%, 0%)
Du willst Transparenz, dann nimmst du rgba(Rot, Grün, Gelb, Transparenz). Transparenz ist ein Wert zwischen 0 (durchsichtig) und 1 (voll sichtbar). Dazwischen kannst du auch Kommazahlen angeben, du musst sie allerdings mit Punkt schreiben: 0.8

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.