BB-Code für SchülerVZ, StudiVZ und MeinVZ

Folgende BB-Codes kannst du in den VZs verwenden nachdem du jautis installiert hast.

Ü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
`[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
`[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
`[video=platform]videoid[/video]`	Videos von externen Seiten
`[img]Bildurl[/img]`	Bilder von externen Seiten oder aus einem Fotoalbum
`[list]Eintrag[]Eintrag[]Eintrag...[/list]`*	Listen erstellen
`[table]Zelle 1A[td] Zelle 1B[tr]Zelle 2A[td]Zelle2B[/table]`	Tabellen erstellen

* 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

[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 werden Links die mit http:// oder www. beginnen automatisch erkannt.

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

[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]

TBD

[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 26.04.2024 03:37:12 Uhr

[dyndate] nach Oben

Aktualisierende/s Datum/Uhrzeit

Syntax

[dyndate]Datumangabe[/dyndate]

Beispiele

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

[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
clipfish für Videos von Clipfish
myvideo für Videos von Myvideo
myspace für Videos von Myspace
google
veoh
sevenload
vimeo
yahoo
gmx
aol

Breite gibt die Breite des Videos an. Wird die Breite geändert und keine Höhe angegeben oder die Höhe leer gelassen, wir die Höhe automatisch bestimmt.

Höhe gibt die Höhe des Videoplayers an. Wird die Breite leer gelassen, wird sie automatisch berechnet.

Syntax

[video=platform]videoid[/video] [video=platform|Breite]videoid[/video] [video=platform|Breite|Höhe]videoid[/video]

Beispiele

[video=youtube]xxx[/video]

zeigt das Youtube-Video xxx im normalen Player an.

[video=youtube|280]xxx[/video]

zeigt das Youtube-Video xxx im kleinen Player (z.B. für Profilseiten) an.

[img] nach Oben

Stellt ein Bild dar.

Bildurl ist die Adresse des Bildes. Wenn du sie in die Adresszeile einibst muss das Bild angezeigt werden.

Ausrichtung: Sobald hier etwas angegeben wird wird das Bild nicht wie normal als Buchstabe dargestellt sondern an der jeweiligen Seite des Textes:

right: Das Bild ist auf der rechten Seite des Textes, der Text fließt auf der Linken Seite herum
left: genau umgekehrt.

Breite gibt die Breite des Videos an. Wird die Breite geändert und keine Höhe angegeben oder die Höhe leer gelassen, wir die Höhe automatisch bestimmt.

Höhe gibt die Höhe des Videoplayers an. Wird die Breite leer gelassen, wird sie automatisch berechnet.

In jautis 1.9 Muss die Breite/Höhe hinter die Adresse (mit | getrennt) geschrieben werden.

Syntax

[img]Bildurl[/img] [img=Ausrichtung]Bildurl[/img] [img=Ausrichtung|Breite]Bildurl[/img] [img=Ausrichtung|Breite|Höhe]Bildurl[/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.

[img=||100px]http://example.com/image.png[/img]

zeigt das Bild im normalen Fliestext wie einen Buchstaben an, das Bild ist 100px hoch.

[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

[table] nach Oben

Tabellen könnt ihr mit dem [table]-Tag erstellen. In einer Tabelle könnt ihr folgende Tags verwenden:

[td] In die nächste Spalte vorrücken. Steht dieser Tag am Anfang einer Zeile wird er ignoriert

[tt] Neue Zeile. Steht dieser Tag am anfang der Tabelle wird er ignoriert.

Syntax

[table]Zelle 1A[td] Zelle 1B[tr]Zelle 2A[td]Zelle2B[/table]

Beispiele

[table] Beitrag 1 Zeile 1 [td] Beitrag 2 Zeile 1 [tr] Beitrag 1 Zeile 2 [td] Beitrag 2 Zeile 2 [/table]

Beitrag 1 Zeile 1	Beitrag 2 Zeile 1
Beitrag 1 Zeile 2	Beitrag 2 Zeile 2

[table] [td] Beitrag 1 Zeile 1 [td] Beitrag 2 Zeile 1 [tr] [td] Beitrag 1 Zeile 2 [td] Beitrag 2 Zeile 2 [/table]

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.