Einführung
Was ist BBCode?
Textformatierung
Wie erstellt man fetten, unterstrichenen oder kursiven Text?
Wie verändert man die Schriftfarbe oder Größe?
Kann man verschiedene Tags kombinieren?
Zitate und Code-Angaben
Code-Angaben
Zitate in Antworten verwenden
Listenerstellung
Eine ungeordnete Liste einfügen
Eine geordnete Liste einfügen
Links erstellen
Das Linken zu einer Site
Bilder anzeigen
Ein Bild einfügen
Tabellen
Tabellen erstellen
Was ist BBCode?
BBCode steht für „Bulletin Board Code“ und stellt eine vereinfachte Definitionssprache für Web-Foren (auch Bulletin Boards genannt) dar. Hierbei wird BBCode von einem Großteil der vorhandenen Forensoftware benutzt und stellenweise erweitert, wodurch es zu einem unreglementierten Standard geworden ist. BBCode ist eine stark vereinfachte HTML Version, welche leicht zu erlernen und den Bedürfnissen angepasst ist.
Viele Textauszeichnungen funktionieren in BBCode analog zu HTML, bspw. [b]fett[/b], [i]kursiv[/i] und [u]unterstrichen[/u]. Zudem, sofern nicht direkt über HTML möglich, erlaubt BBCode auch komplexe Elemente, wie z.B. Listen, die folgendermaßen definiert werden: [list][*]Nr.1[*]Nr.2[/list].
Nach oben
Wie erstellt man fetten, unterstrichenen oder kursiven Text?
BBCode verwendet Tags, die es einem erlauben, das Aussehen eines Textes recht einfach zu verändern. Dies geschieht folgendermaßen:
- Um einen Text fett darzustellen, umschließt man ihn mit [b][/b], z. B.
[b]Hallo[/b]
wird zu Hallo
- Zum Unterstreichen benutzt man [u][/u], zum Beispiel:
[u]Guten Morgen[/u]
wird zu Guten Morgen
- Um kursiv zu schreiben, benutzt man [i][/i], z. B.
Das ist [i]Toll![/i]
würde so aussehen: Das ist Toll!
Wie verändert man die Schriftfarbe oder Größe?
- Um die Farbe oder Größe eines Textes zu ändern, kann man die folgenden Tags benutzen.
Um einen Text in einer bestimmten Farbe darzustellen, umschließt man ihn mit [color=][/color].
Man kann entweder einen allgemeinen Farbnamen angeben (z. B. red,
blue, yellow, usw.) oder den Heximalcode, z. B. #FFFFFF, #000000. Um beispielsweise einen roten Text zu schreiben,
könnte man Folgendes schreiben:
[color=red]Hallo![/color]
oder
[color=#FF0000]Hallo![/color],
beides ergibt Hallo!
- Das Ändern der Textgröße geschieht ähnlich, dazu muss der Tag [size=][/size]
benutzt werden. Dieser Tag hängt vom Style ab, den man benutzt. Für gewöhnlich wird die Textgröße als Zahlenwert eingegeben, der die Höhe in Pixel angibt, beginnend mit 1
(sehr klein) bis zu 29 (sehr groß). Zum Beispiel:
[size=8]KLEIN[/size]
wird grundsätzlich
KLEIN
wohingegen:
[size=24]RIESIG![/size]
zu
RIESIG! wird.
Kann man verschiedene Tags kombinieren?
Natürlich geht das, ein Text, der gesehen werden soll, könnte beispielsweise so aussehen:
[size=18][color=red][b]BEISPIELTEXT![/b][/color][/size]
ergibt
BEISPIELTEXT!
Es ist nicht zu empfehlen, größere Mengen Text so aussehen zu lassen! Denn alle Tags
sollten auch wieder richtig geschlossen werden. Das hier zum Beispiel geht nicht:
[b][u]Das ist falsch[/b][/u]
Nach oben
Code-Angaben
Wenn man den Teil eines Codes oder etwas, was einfach eine fixe Länge hat, ausgeben
möchte, sollte man den Text in
[code][/code]-Tags setzen, z.B
[code]echo "Dies ist ein Code";[/code]
Alle Formatierungen, die man in diesen [code][/code]-Tags verwendet, werden nachher nicht ausgeführt.
Zitate in Antworten verwenden
Es gibt zwei Möglichkeiten, einen Text zu zitieren.
Entweder man zitiert eine bestimmte Person bzw. einen Namen oder aber
verwendet nur die Bezeichnung "Zitat".
-
Verwendet man die [quote=""][/quote]-Tags und setzt in
die Anführungszeichen den Namen einer Person sieht dies wie folgt aus:
[quote="Herr Meier"]Der Text von Herrn Meier würde hier
erscheinen[/quote]
- Mit der zweiten Möglichkeit erstellt man ein blindes Zitat. Um dies durchzuführen, schließt man den Text in
[quote][/quote]-Tags ein (ohne ="" im ersten
quote-Tag.)
Nach oben
Eine ungeordnete Liste einfügen
BBCode unterstützt zwei Typen von Listen, geordnete und ungeordnete. Sie sind im Wesentlichen die gleichen Listen wie ihre Gegenstücke in der HTML-Umgebung. Eine ungeordnete Liste zeigt jedes Objekt in der Liste an, alle mit einem Bullet-Symbol davor. Um eine ungeordnete Liste zu erstellen,
benutzt man die
[list][/list]-Tags und gib jeden Punkt innerhalb der Liste an, indem
man einen
[*] nutzt. Beispiel:
[list]
[*]Rot
[*]Blau
[*]Gelb
[/list]
Das würde folgende Liste ergeben:
Eine geordnete Liste einfügen
Die zweite Listenart, die geordnete Liste, gibt einem die Möglichkeit, anzugeben, was vor jedem Punkt steht. Um eine geordnete Liste zu erstellen, benutzt
man den
[list=1][/list]-Tag, um eine nummerierte Liste zu erstellen, oder alternativ
[list=a][/list] für eine alphabetische Liste. Genau wie der bei ungeordneten Liste werden die Punkte mit dem [*] spezifiziert. Zum Beispiel:
[list=1]
[*]PC anschalten
[*]Fehlermeldung lesen
[*]PC ausschalten
[/list]
ergibt das Folgende:
-
PC anschalten
- Fehlermeldung lesen
- PC ausschalten
Für eine alphabetische Liste wiederum würde man das Folgende eingeben:
[list=a]
[*]Die erste Möglichkeit
[*]Die zweite Möglickeit
[*]Die dritte Möglichkeit
[/list]
was
a. Die erste Möglichkeit
b. Die zweite Möglichkeit
c. Die dritte Möglichkeit
ergibt.
Nach oben
Das Linken zu einer Site
phpBB BBCode unterstützt eine Menge verschiedener Möglichkeiten, wie man Internet-Adressen (URLs) einfügen kann.
Die erste Möglichkeit ist die Verwendung des[url=][/url]-Tag. Was man auch immer
hinter das = Zeichen schreibt, wird als Inhalt der URL gewertet. Ein Beispiel: einen Link zu
powergap.de erstellt man so:
[url=http://www.powergap.de/]Besuchen sie Powergap.de![/url]
Das würde den folgenden Link erstellen: Besuchen sie Powergap.de!.
Man wird feststellen, dass sich der Link in einem neuen Fenster öffnet, so dass der Benutzer weiter
im Shop surfen kann, sofern er dies wünscht.
Falls man möchte, dass die URL automatisch als Link angezeigt wird, kann man
dies folgendermaßen schreiben:
[url]http://www.powergap.de/[/url]
Dies wird den folgenden Link erzeugen: http://www.powergap.de/
Schreibt man eine Emailadresse so:
[email]info@powergap.de[/email]
ergibt das die folgende Darstellung info@powergap.de
Wie die meisten anderen BBCode-Tags, kann man auch den URL-Tag mit anderen Tags kombinieren, z.B.
[img][/img] (siehe nächsten Punkt), [b][/b], usw. Wichtig
ist jedoch, dass die Tags immer korrekt geschlossen werden.
[url=http://www.powergap.de/][img][/url][/img]
ist nicht richtig und wird nicht funktionieren.
Nach oben
Ein Bild einfügen
Der phpBB BBCode unterstützt ebenfalls das Einfügen von Bildern. Um ein Bild anzuzeigen, muss die URL des Bildes mit den
[img][/img]-Tags umschlossen werden. Zum Beispiel sorgt:
[img]http://www.powergap.de/img/powergap.gif[/img]
dafür, dass entsprechende Grafik dargestellt wird.
Wie bei der URL-Erklärung bereits erwähnt, kann man Bilder in [url][/url]-Tags einschließen, wenn
man möchte, z. B.
[url=http://www.powergap.de/][img]www.powergap.de/img/powergap.gif[/img][/url]
würde ein Grafik darstellen, wekche auf eine URL verlinkt:
Zuvor muss die verlinkte Grafik über "Sonstiges"
> "IMG-Explorer" hochgeladen werden. Es ist zu empfehlen auch
nur auf Bilder zu verlinken, welche über den IMG-Explorer hochgeladen
wurden.
Nach oben
Tabellen erstellen
Mit BB-Code lassen sich auch ganz einfach Tabellen erstellen:
Zunächst muss man eine Tabelle (table = Tabelle) öffnen:
[table]
welche ganz am Ende auch wieder geschlossen werden muss:
[/table]
Innerhalb der Tabelle muss dann mit einer [tr] begonnen werden.
Ein [tr] leitet eine neue Tabellenzeile ein (tr = table row = Tabellenzeile).
[tr]...[/tr]
In einer Tabellenzeile kann es mehrere Tabellenzellen (td = table data = Tabellendaten) geben, welche mit [td] geöffnet und mit [/td] wieder geschlossen werden müssen.
[td]...[/td]
Beispiel:
[table]
[tr]
[td]Das ist die erste Zelle[/td]
[/tr]
[tr]
[td]Und das hier die zweite Zelle[/td]
[/tr]
[/table]
... das Ergebnis wäre das folgende:
| Das ist die erste Zeile |
| Und das hier die zweite Zeile |
Und etwas "komplexer":
[table]
[tr]
[td]Das ist die erste Zeile in der ersten Spalte[/td]
[td]Und das hier die erste Zeile in der zweiten Spalte[/td]
[/tr]
[tr]
[td]Das ist die zweite Zeile in der ersten Spalte[/td]
[td]Und das hier die zweite Zeile in der zweiten Spalte[/td]
[/tr]
[/table]
Das Ergebnis:
| Das ist die erste Zeile in der ersten Spalte |
Und das hier die erste Zeile in der zweiten Spalte |
| Das ist die zweite Zeile in der ersten Spalte |
Und das hier die zweite Zeile in der zweiten Spalte |
Es muss in jeden Fall immer eine Tabelle, eine Tabellenzeile und eine Tabellenzelle geben!
[table]
[tr]
[td]...[/td]
[/tr]
[/table]
Und jede [td][/td] muss immer von einer [tr][/tr] umschlossen sein, wobei auch mehrere [td]...[/td] nacheinander möglich sind:
[table]
[tr]
[td]...[/td]
[td]...[/td]
[td]...[/td]
[td]...[/td]
[/tr]
[/table]
Oder mehrere [tr]...[/tr]:
[table]
[tr]
[td]...[/td]
[td]...[/td]
[td]...[/td]
[td]...[/td]
[/tr]
[tr]
[td]...[/td]
[td]...[/td]
[td]...[/td]
[td]...[/td]
[/tr]
[tr]
[td]...[/td]
[td]...[/td]
[td]...[/td]
[td]...[/td]
[/tr]
[/table]
Der Text darf aber immer nur innerhalb der [td]...[/td] stehen.
Nach oben
|
Home
