BBCode-Hilfe

Einführung
Was ist BBCode?

Textformatierung
Einen fetten, kursiven, unterstrichenen oder durchgestrichenen Text erscheinen lassen
Schriftfarbe, Schriftgröße oder Schriftart ändern
Kann ich verschiedene Codes kombinieren?

Zitate und Code-Angaben
Zitate in Antworten verwenden
Code-Angaben

Listenerstellung
Eine ungeordnete Liste erstellen
Eine geordnete Liste erstellen

Links erstellen
Einen Link zu einer anderen Seite erstellen

Bilder in Beiträgen anzeigen
Ein Bild einfügen
Textausrichtung

Medien in Beiträge integrieren
Eine Flash Animation einfügen
Eine Video einfügen

Eine Tabelle erstellen
Eine Tabelle einfügen

Anzeigeschleifen für Beitrag
Eine horizontale Anzeigeschleife erstellen
Eine vertikale Anzeigeschleife erstellen

BBCodes ausblenden
Zeilen einfügen
Einen Text hoch oder tief stellen
BBCode-Effekte

Verschiedene BBCodes
Per Zufallsgenerator eine Zahl aufrufen

Einführung

Was ist BBCode?
BBCode ist eine spezielle HTML Anwendung. Ob Sie BBCode in Ihren Beiträgen verwenden können, entscheidet der Forenadministrator. Sind BBCodes grundsätzlich auf einem Forum gestattet, können Sie den BBCode für einzelne Beiträge ein- oder ausschalten. BBCodes sind dem HTML-Stil sehr ähnlich. Auch hier werden Tags mit Klammern geöffnet und geschlossen. Im Gegensatz zu einer herkömmlichen HTML-Klammer < et >, sieht eine BBCode Klammer so aus: [ et ]. Durch den BBCode kann man auf einfache Weise das Aussehen eines Beitrags gestalten. Je nach verwendeter Version können Sie BBCodes in Ihre Texte einfügen, indem Sie die Buttonleiste über dem Texteingabefenster nutzen. Dennoch können die folgenden Erklärungen nützlich sein.

Textformatierung

Einen fetten, kursiven, unterstrichenen oder durchgestrichenen Text erscheinen lassen
Mit den folgenden Tags können Sie schnell und einfach Ihren Text bearbeiten:

Um einen Text fett darzustellen:

Code:

[b]Mein Text[/b]

Ergebnis: Mein Text
Um kursiv zu schreiben, verwenden Sie:

Code:

[i]Mein Text[/i]

Ergebnis: Mein Text
Zum Unterstreichen gibt es diesen Code:

Code:

[u]Mein Text[/u]

Ergebnis: Mein Text
Und um einen Text durchzustreichen gibt man folgendes ein:

Code:

[strike]Mein Text[/strike]

Ergebnis: ~~Mein Text~~

Schriftfarbe, Schriftgröße oder Schriftart ändern
Um die Farbe oder Größe deines Textes zu ändern, können Sie folgende Tags benutzen, allerdings kann das Resultat je nach Browser des Nutzers unterschiedlich ausfallen:

Um einen Text in einer bestimmten Farbe darzustellen umschließen Sie ihn mit:

Code:

[color=red]Rote Farbe (red)[/color] oder [color=#FF0000] Rote Farbe (#FF0000)[/color]

Ergebnis: Rote Farbe (red) oder Rote Farbe (#FF0000) Sie können entweder einen Farbnamen angeben (z. B. red, blue, yellow, usw.) oder die Farbe durch einen Heximalcode exakt festlegen, z. B. #FFFFFF, #000000.
Das Ändern der Textgröße funktioniert ähnlich. Hierzu geben Sie das Wort size und die gewünschte Größe an:

Code:

[size=9]KLEIN[/size] oder [size=24]RIESIG[/size]

Ergebnis: KLEIN oder RIESIG
Um die Schriftart zu ändern, müssen Sie vor allem wissen wie sich die gewünschte Schriftart nennt:

Code:

[font=Arial]Dieser Text soll in 'Arial' erscheinen[/font] oder [font=Comic Sans Ms]Dieser Text soll in 'Comic Sans Ms' erscheinen([/font]

Resultat: Dieser Text soll in 'Arial' erscheinen oder Dieser Text soll in 'Comic Sans Ms' erscheinen

Kann ich verschiedene Codes kombinieren?
Natürlich geht das. Ein Text, der gesehen werden soll, könnte beispielsweise so aussehen:

Code:: [size=18][color=red][b]SCHAU MICH AN![/b][/color][/size]

ergibt:SCHAU MICH AN!

Allerdings ist es nicht zu empfehlen, einen längeren Text so zu gestalten, außerdem muss auch hier darauf geachtet werden, dass alle Tags geschlossen sind. Das hier geht z.B. nicht:

Code:: [b][u]Das ist falsch[/b][/u]

Richtig wäre:

Code:: [b][u]Das ist richtig[/u][/b]

Zitate und Code-Angaben

Zitate in Antworten verwenden
Es gibt zwei Möglichkeiten, einen Text zu zitieren.

Wenn Sie die Zitatfunktion zum Antworten auf einen Beitrag verwenden, werden Sie bemerken, dass der Text zwischen

Code:

[quote=""][/quote]

Tags steht. So können Sie den Text eines anderen Nutzers unkompliziert und wortgetreu wiedergeben! Ein Beispiel: Wenn Sie eine Quellenangabe machen wollen, etwa für einen Text von Herrn Meier, können Sie folgendes verwenden:

Code:

[quote="Herr Meier"]Der Text von Herrn Meier würde hier erscheinen[/quote]

Der Text 'Herr Meier schrieb:' erscheint automatisch vor dem Zitat.
Bitte beachten Sie, dass der Autorenname von "" eingeschlossen sein muss, denn die Anführungszeichen dienen nicht nur der Verschönerung.
Um einen Text ohne Quellenangabe zu zitieren, schreiben Sie Ihn einfach in diesen Code:

Code:

[quote][/quote]

Der Zitatteil des Beitrags wird dann einfach nur mit 'Zitat:' gekennzeichnet.

Code-Angaben
Wenn Sie einen Code sichtbar angeben möchten, oder Eingaben machen, die von einem Code gestört werden, können Sie folgenden Code verwenden um die Umsetzung des Codes der sichtbar sein soll zu verhindern:

Code:: [code]echo[/code]

Ein Beispiel hierfür ist:

Code:

[code]echo "Dies ist ein Code".[/code]

Alle Formatierungen, die Sie in diesen

Code:: [code]echo[/code]

Tags verwenden, werden also nicht ausgeführt.

Listenerstellung

Eine ungeordnete Liste erstellen
Eine ungeordnete Liste listet sämtliche Listenelemente durch einen Bulletpoint auf .

Um eine ungeordnete Liste zu erstellen, verwenden Sie bitte:

Code:

[list][*]Rot[*]Blau[*]Gelb[/list]

Ergebnis:
- Rot
- Blau
- Gelb

Eine geordnete Liste erstellen
Die zweite Listenart, die geordnete Liste, bietet die Möglichkeit festzulegen was vor jedem Listenpunkt steht und wie die Punkte geordet sein sollen. Um eine geordnete Liste zu erstellen, gibt es zwei Möglichkeiten:

Eine nummerierte Liste:

Code:

[list=1][*]In den Laden gehen[*]Einen neuen Computer kaufen[*]Den Computer verfluchen, wenn er nicht mehr geht[/list]

Ergebnis :
1. In den Laden gehen
2. Einen neuen Computer kaufen
3. Den Computer verfluchen, wenn er nicht mehr geht
Eine alphabetische Liste:

Code:

[list=a][*]Die erste Möglichkeit[*]Die zweite Möglickeit[*]Die dritte Möglichkeit[/list]

Ergebnis:
1. Die erste Möglichkeit
2. Die zweite Möglickeit
3. Die dritte Möglichkeit

Links erstellen

Einen Link zu einer anderen Seite erstellen
BBCodes unterstützen verschiedene Möglichkeiten, Internet-Adressen (URLs) zu verlinken.

Die erste Möglichkeit ist folgende:

Code:

[url=https://www.forumieren.de/]Besucht Forumieren![/url]

Ergebnis: [url=https://www.forumieren.de/]Besucht Forumieren![/url].
Hierbei öffnet sich die Zielseite des Links in einem neuen Fenster, so dass der Forenbesucher dennoch weiter im Forum stöbern kann und falls er das Linkziel uninteressant findet, nicht aufwendig zuückgehen muss
Falls Sie möchten, dass eine URL automatisch als Link angezeigt wird, können Sie folgendes Schema verwenden:

Code:

[url]https://www.forumieren.de/[/url]

Ergebnis: [url]https://www.forumieren.de/[/url]
Zusätzlich verfügt phpBB über die sogenannten Magic Links; Diese Magic Links wandeln richtig eingegebene URL-Adressen automatisch in einen Link um, ohne das Tags geschreiben werden müssen. Wenn Sie zum Beispiel

Code:

www.forumieren.de

in einen Beitrag schreiben, wird daraus automatisch [url=hhtp://www.forumieren.de/]www.forumieren.de[/url].

Bilder in Beiträgen anzeigen

Ein Bild einfügen
Auch das Einfügen von Bildern in Beiträgen wird vom BBCode unterstüzt. Für das Anzeigen von Bildern gibt es zwei wichtige Regeln: Die meisten Nutzer finden es unangenehm, wenn sehr viele (oder große) Bilder in einem Beitrag stehen (zu lange Ladezeiten). Zum Anderen muss ein Bild, damit man es in einen Beitrag stellen kann, bereits ins Internet hochgeladen worden sein (eine Datei auf einer normalen Festplatte kann also nicht integriert werden. Zum Senden muss die Datei in einem Server gelagert sein). Momentan gibt es noch keine Möglichkeit, Bilder mit Hilfe von phpBB lokal zu speichern. Um ein Bild dennoch anzuzeigen, kann folgendes Schema verwendet werden:

Code:: [img]https://2img.net/i/bl/logo.png[/img]

Ergebnis:

.
Es ist auch möglich, aus einem Bild einen Link zu machen (Vorsicht, es müssen alle Tags geschlossen werden), Beispiel:

Code:: [url=https://www.forumieren.de/][img]https://2img.net/i/bl/logo.png[/img][/url]

Ergebnis :
[url=https://www.forumieren.de/]

[/url]

Textausrichtung
Es gibt vier Möglichkeiten einen Text auszurichten:

Man kann einen Text linksbündig ausrichten:

Code:

[left]Links ausgerichtet[/left]

Ergebnis:
Links ausgerichtet
Man kann einen Text zentrieren:

Code:

[center]Zentriert[/center]

Ergebnis:
Zentriert
Man kann einen Text rechtsbündig ausrichten:

Code:

[right]Rechts ausgerichtet[/right]

Ergebnis:
Rechts ausgerichtet
Und man kann einen Text als Blocksatz ausrichten:

Code:

[justify]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ac tortor eu dolor mollis malesuada. Nam arcu dui, cursus a, ullamcorper ut, fringilla nec, velit. Duis tempor arcu eu orci. Ut vehicula massa eu est. Sed ac odio. Integer dictum eros. Etiam facilisis sem non lacus. Donec volutpat ligula ac est. Aliquam erat volutpat. Pellentesque justo tellus, porta et, interdum et, consequat sit amet, eros.[/justify]

Ergebnis:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam ac tortor eu dolor mollis malesuada. Nam arcu dui, cursus a, ullamcorper ut, fringilla nec, velit. Duis tempor arcu eu orci. Ut vehicula massa eu est. Sed ac odio. Integer dictum eros. Etiam facilisis sem non lacus. Donec volutpat ligula ac est. Aliquam erat volutpat. Pellentesque justo tellus, porta et, interdum et, consequat sit amet, eros.

Medien in Beiträge integrieren

Eine Flash Animation einfügen
Man kann Flash-Animationen auf zwei Weisen einfügen.

Erstens: mit dem 'flash' BBCode:

Code:

[flash(200,40)]https://illiweb.com/fa/i/forumieren.swf[/flash]

Ergebnis:
Zweitens: mit dem 'embed-flash' BBcode:

Code:

[embed-flash(200,40)]https://illiweb.com/fa/i/forumieren.swf[/embed-flash]

Ergebnis:

Vergessen Sie nicht die Höhe und Breite der Flash Animation zwischen den Parenthesen hineinzuschreiben.

Eine Video einfügen
Sie können Videos in Ihre Beiträge integrieren, indem Sie eine der folgenden beiden Websites nutzen:

Die erste Website ist [url=http://de.youtube.com]Youtube[/url]. Bei Youtube-Videos müssen Sie den eingebetteten Code kopieren und ihn nach folgendem Schema integrieren:

Code:

[youtube]Eingebetter Code[/youtube]
Die zweite Website ist [url=https://www.dailymotion.com/de]Dailymotion[/url]. Für Dailymotion-Videos müssen Sie den Code aus dem 'exportierbare Player' Feld kopieren und nach folgendem Schema einfügen:

Code:

[dailymotion]exportierbarer Player-Code[/dailymotion]

Vergessen Sie nicht den jeweiligen Code zwischen die Tags zu kopieren.

Eine Tabelle erstellen

Eine Tabelle einfügen
Der BBCode, um eine Tabelle einzufügen, entspricht dem HTML-Code. Um eine Tabelle zu erstellen, müssen Sie zunächst eine Tabelle 'table' festlegen. Danach können Sie durch 'tr' Spalten einfügen, die eine oder mehrere Zellen 'td' enhalten können. Natürlich können Sie auch eine Tabelle mit mehreren Spalten erstellen.

Um z.B. eine Tabelle mit zwei Spalten und drei Zellen anzuzeigen, wird der Code wie folgt eingegeben:

Code:

[table] [tr][td] Spalte 1 - Zelle 1 [/td] [td] Spalte 1 - Zelle 2 [/td] [td] Spalte 1 - Zelle 3 [/td][/tr] [tr][td] Spalte 2 - Zelle 1 [/td] [td] Spalte 2 - Zelle 2 [/td] [td] Spalte 2 - Zelle 3 [/td][/tr][/table]

Ergebnis :

Spalte 1 - Zelle 1 Spalte 1 - Zelle 2 Spalte 1 - Zelle 3

Spalte 2 - Zelle 1 Spalte 2 - Zelle 2 Spalte 2 - Zelle 3
Darüberhinaus ist es möglich, die Tabelleneigenschaften von HTML zu verwenden . Sie können z. B. durch 'border' einen Rahmen einfügen.

Code:

[table border=1] [tr][td] Spalte 1 - Zelle 1 [/td] [td] Spalte 1 - Zelle 2 [/td] [td] Spalte 1 - Zelle 3 [/td][/tr] [tr][td] Spalte 2 - Zelle 1 [/td] [td] Spalte 2 - Zelle 2 [/td] [td] Spalte 2 - Zelle 3 [/td][/tr][/table]

Ergebnis :[table border=1] [tr][td] Spalte 1 - Zelle 1 [/td] [td] Spalte 1 - Zelle 2 [/td] [td] Spalte 1 - Zelle 3 [/td][/tr] [tr][td] Spalte 2 - Zelle 1 [/td] [td] Spalte 2 - Zelle 2 [/td] [td] Spalte 2 - Zelle 3 [/td][/tr][/table]
Auch die HTML-Elemente: cellspacing, cellpadding, width usw. können genutzt werden

Bitte achten Sie beim Erstellen von Tabellen darauf alle Tags zu schließen, da das angezeigte Ergebnis sonst stark vom Wunschergebnis abweichen kann.

Anzeigeschleifen für Beitrag

Eine horizontale Anzeigeschleife erstellen
Der folgende BBCode sorgt dafür, dass ein Textbeitrag horizontal das Bild durchläuft:

Code:: [scroll]Mein Beitrag[/scroll]

Ergebnis : Mein Beitrag

Eine vertikale Anzeigeschleife erstellen
Um einen Textbeitrag vertikal durch das Bild laufen zu lassen, brauchen Sie nur folgenden BBCode eingeben:

Code:: [updown]Mein Beitrag[/updown]

Ergebnis : Mein Beitrag

BBCodes ausblenden

Zeilen einfügen
Wenn Sie Ihren Beitrag durch Leerzeilen strukturieren möchten, können Sie folgenden BBCode verwenden:

Code:: Mein erster Absatz[hr]Mein zweiter Absatz

Ergebniss :
Mein erster AbsatzMein zweiter Absatz

Einen Text hoch oder tief stellen
Wenn Sie einen Text hoch oder tief stellen möchen (wie z.B. in der Abkürzung m² oder vielen mathematischen Formeln), sind dafür folgende BBCodes vorgesehen:

Für eine Tiefstellung:

Code:

x[sub]a+b[/sub]

Ergebnis : x
Für eine Hochstellung:

Code:

a[sup]2[/sup]+b[sup]2[/sup]

Ergebnis: a₂+b₂

BBCode-Effekte
Es gibt verschiedene BBCode-Effekte. Leider stehen diese BBCodes nur für Nutzer mit Internet Explorer und bei phpBB2 Foren zur Verfügung.

Sie können einen Text vertikal spiegeln in dem Sie diesen Code verwenden:

Code:

[flipv]vertikaler Spiegeleffekt[/flipv]

Ergebnis: vertikaler Spiegeleffekt
Sie können natürlich auch horizontal Spiegeln, wenn Sie eine Eingabe nach diesem Schema machen:

Code:

[fliph]horizontaler Spiegeleffekt[/fliph]

Ergebnis: horizontaler Spiegeleffekt
Für einen Unschärfe-Effekt (=verschwommen) nutzen Sie bitte dieses Schema:

Code:

[blur]Unscharfer Beitrag[/blur]

Ergebnis: Unscharfer Beitrag
Und Sie können ein Auslaufen der Beitragsdarstellung erreichen, indem Sie diesen Code nutzen:

Code:

[fade]Auslaufen[/fade]

Ergebnis: Auslaufen

Verschiedene BBCodes

Per Zufallsgenerator eine Zahl aufrufen
Wenn Sie möchten, können Sie mit dem folgenden BBCodes eine Zufallszahl aufrufen:

Erste Möglichkeit - Sie entscheiden aus welchem Zahlenbereich die Zufallszahl gezogen werden soll, indem Sie einen Mindest- und einen Höchstwert angeben:

Code:

[rand]50,100[/rand]

Ergebnis:
zufällig generierte Nummer (50,100) :
58
Zweite Möglichkeit - Sie legen nur einen Wert fest, den die Zufallszahl nicht überschreiten soll:

Code:

[rand]50[/rand]

Ergebnis:
zufällig generierte Nummer (1,50) :
10