Alle Zeiten sind UTC + 1 Stunde |
BBCode-Anleitung |
---|
Einführung Was ist BBCode? Formatierung von Text Wie Schriftfarbe, -größe und -stil geändert werden Wie fetter, kursiver und unterstrichener Text erstellt wird Weitere Textformatierungen Kann ich Tags zur Formatierung kombinieren? Zitieren und Ausgabe von Text mit fester Weite Text in Antworten zitieren Programmcode oder Daten mit fester Weite ausgeben Listen erstellen Eine unsortierte Liste erstellen Eine sortierte Liste erstellen Bilder in Beiträgen anzeigen Ein Bild zu einem Beitrag hinzufügen Links erstellen Links auf eine andere Website E-Mailadressen E-Mailadresse einfügen Leerräume, Linien und Floatende Container Leeraum einfügen Leeraum mit Textausrichtung einfügen Horizontale Linie einfügen Objekte von Text umfließen lassen Umfließen beenden Andere Punkte Dateien zu einem Beitrag hinzufügen Kann ich meine eigenen Tags hinzufügen |
Einführung |
BBCode ist eine spezielle Umsetzung von HTML. Ob du BBCode in deinen Beiträgen auf diesem Board verwenden kannst, wird durch die Board-Administration festgelegt. Sofern du es verwenden darfst, kannst du es auch im Beitrags-Formular für diesen Beitrag deaktivieren. BBCode ist ähnlich wie HTML aufgebaut, Tags werden von eckigen Klammern („[“ und „]“) statt spitzen („<“ und „>“) eingeschlossen und erlauben eine bessere Kontrolle, was und wie etwas angezeigt wird. Je nach verwendetem Template wirst du über dem Bereich für den Nachrichtentext Schaltflächen finden, die dir die Verwendung von BBCode vereinfachen werden. Aber selbst dann kann die folgende Anleitung für dich hilfreich sein.
|
Formatierung von Text |
Um die Farbe, die Größe oder den Stil deines Textes zu ändern, können die folgenden Tags genutzt werden. Beachte dabei bitte, dass es von dem Browser und dem System des Betrachters abhängig ist, wie die Darstellung des Textes erfolgt:
|
BBCode enthält Tags, die dir eine schnelle Formatierung deines Textes ermöglichen. Dies wird folgendermaßen gemacht:
|
|
Natürlich kannst du das. Um z. B. die Aufmerksamkeit eines anderen zu erhalten, kannst du schreiben
[size=200][color=red][b]SCHAU MICH AN![/b][/color][/size] ergibt: SCHAU MICH AN! Wir empfehlen jedoch, nicht zu viel Text derart zu formatieren! Beachte, dass du als Autor dafür verantwortlich bist, dass die Tags richtig geschlossen werden. Beispiele: RICHTIG: [b][u]Das ist richtig![/u][/b] FALSCH: [b][u]Das ist falsch![/b][/u] |
Zitieren und Ausgabe von Text mit fester Weite |
Es gibt zwei Arten, Text zu zitieren: mit Quelle und ohne.
|
Wenn du einen Auszug eines Programmcodes oder etwas anderes, das eine feste Textweite wie eine Courier-Schrift benötigt, eingeben möchtest, solltest du den Text in [code][/code] einschließen, z. B.
[code]echo "Das ist ein Stück Programmcode";[/code] Alle Formatierungen, die innerhalb von [code][/code] genutzt werden, bleiben erhalten, wenn der Text betrachtet wird. Die Syntaxhervorhebung für PHP kann mit [code=php][/code] aktiviert werden; dies ist immer dann zu empfehlen, wenn PHP-Code gepostet wird, da so die Lesbarkeit verbessert wird. Auf diese Weise kannst Du auch sehr gut BBCodes lesbar darstellen, ohne dass diese umgewandelt werden. |
Listen erstellen |
BBCode unterstützt zwei Arten von Listen: unsortierte und sortierte. Sie sind im Wesentlichen identisch zu ihren HTML-Entsprechungen. Eine unsortierte Liste gibt die Elemente deiner Liste hintereinander durch einen Aufzählungspunkt gekennzeichnet aus. Verwende [list][/list], um eine unsortierte Liste zu erstellen und beginne jeden Aufzählungspunkt mit [*]. Um zum Beispiel deine Lieblingsfarben aufzulisten, verwende:
[list] [*]Rot [*]Blau [*]Gelb [/list] Dies würde folgende Liste ergeben:
|
Die zweite Listenart, die sortierte Liste, erlaubt dir, festzulegen, was den Punkten vorangestellt wird. Um eine sortierte Liste zu erstellen, verwende [list=1][/list] für eine nummerierte oder alternativ [list=a][/list] für eine alphabetische Liste. Wie bei der unsortierten Liste wird jeder Punkt durch [*] festgelegt. Zum Beispiel:
[list=1] [*]Gehe einkaufen [*]Kaufe einen neuen Computer [*]Verfluche den Computer, wenn er abstürzt [/list] würde ergeben:
[list=a] [*]Die erste mögliche Antwort [*]Die zweite mögliche Antwort [*]Die dritte mögliche Antwort [/list] ergibt
|
Bilder in Beiträgen anzeigen |
phpBBs BBCode hat einen Tag, um Bilder in einen Beitrag einzufügen. Dabei müssen zwei wichtige Punkte beachtet werden: erstens mögen es viele Benutzer nicht, wenn viele Bilder in einem Beitrag enthalten sind und zweitens muss das Bild, das du anzeigen willst, bereits im Internet verfügbar sein (es darf also nicht nur auf deinem Computer liegen, sofern du ihn nicht als Webserver betreibst!). Um ein Bild anzuzeigen, musst du die URL, die auf das Bild verweist, mit dem [img][/img]-Tag umschließen. Zum Beispiel:
[img]http://www.fjr-tourer.de/_images/signbar.gif[/img] ergibt: |
Links erstellen |
phpBBs BBCode unterstützt mehrere Wege, um URIs (Uniform Resource Indicators), auch als URLs oder Links bekannt, zu erstellen.
Richtig: [url=http://www.fjr-tourer.de/][img]http://www.fjr-tourer.de/_images/signbar.gif[/img][/url] erstellt folgenden Link: NICHT richtig ist das folgende Beispiel, dass möglicherweise sogar dazu führen kann, dass dein Beitrag gelöscht wird: [url=http://www.google.de/][img]http://www.google.com/intl/de_de/images/logo.gif[/url][/img] |
E-Mailadressen |
Wenn du möchtest, dass die URL selbst als Beschreibung angezeigt wird, kannst du dies wie folgt erreichen:
|
Leerräume, Linien und Floatende Container |
HTML komprimiert mehrere aufeinander folgende Leerzeichen zu einem einzigen Leerzeichen. Man kann also auf diese Weise keine Abstände erzeugen, die größer als ein Leerzeichen sind.
[leerxy=Anzahl Pixel waagerecht,Anzahl Pixel senkrecht][/leerxy] bietet die Möglichkeit, einen definierten Leeraum an beliebiger Stelle einzufügen. Zwischen den Tags darf nichts notiert werden! Zur besseren Erkennbarkeit ist der Leeraum in den Beispielen rot eingefärbt. Test1[leerxy=50,0][/leerxy]Test2 ergibt Test1Test2 Test1[leerxy=50,50][/leerxy]Test2 ergibt Test1Test2 |
HTML komprimiert mehrere aufeinander folgende Leerzeichen zu einem einzigen Leerzeichen. Man kann also auf diese Weise keine Abstände erzeugen, die größer als ein Leerzeichen sind.
[leerxyz=Anzahl Pixel waagerecht,Anzahl Pixel senkrecht,Textausrichtung][/leerxyz] bietet die Möglichkeit, einen definierten Leeraum an beliebiger Stelle einzufügen. Textausrichtung darf die Werte top, middle und bottom annehmen Zwischen den Tags darf nichts notiert werden! Zur besseren Erkennbarkeit ist der Leeraum in den Beispielen rot eingefärbt. Test1[leerxyz=50,0,middle][/leerxyz]Test2 ergibt Test1Test2 Test1[leerxyz=50,50,middle][/leerxyz]Test2 ergibt Test1Test2 |
Manchmal möchte man Textblöcke mit einer horizontalen Linie voneinander optisch abgrenzen. Hierzu dient der [Line][/Line]-Tag; Achtung: du darfst nichts zwischen öffnenden und schließenden Tag schreiben!
|
Um Objekte links oder rechts von Text umfließen zu lassen, benutzt du die [floatl][/floatl] bzw. die [floatr][/floatr]-Tags. Zwischen den beiden Tags kannst du z.B. ein Bild mit einer Bildunterschrift platzieren.
Der weiße Rahmen um das Bild dient nur Demonstrationszwecken. [floatr][img]http://www.fjr-tourer.de/_images/tourerlogo129.gif[/img][/floatr] und einige Zeilen Text ergeben folgendes Bild: Logo der FJR-Tourer Deutschland Viel Text noch mehr Text noch mehr Text noch mehr Text ... Um den Link "Nach oben" unter die Bildunterschrift zu verschieben, benutzt man den [clear][/clear]-Tag (s. "Umfließen beenden"). |
Um den Fluss um Objekte wieder zu benden, benutzt man das [clear][/clear]-Tag. Zwischen den Tags darf nichts notiert werden! Damit stellt sich das Beispiel aus dem vorigen Punkt so dar (der weiße Rahmen um das Bild dient wieder nur Demonstrationszwecken):
[floatr][img]http://www.fjr-tourer.de/_images/tourerlogo129.gif[/img][/floatr], einige Zeilen Text und [clear][/clear] ergeben folgendes Bild: Logo der FJR-Tourer Deutschland Viel Text noch mehr Text noch mehr Text noch mehr Text ... |
Andere Punkte |
Dateianhänge können nun mit dem neuen [attachment=][/attachment]-Tag an jeder Stelle eines Beitrags eingefügt werden, sofern Dateianhänge durch die Board-Administration zugelassen wurden und du ausreichende Rechte zur Erstellung eines Dateianhangs hast. Innerhalb des Formulars zur Beitragserstellung findest du eine Auswahlliste (oder eine Schaltfläche), um Dateianhänge innerhalb des Beitrags zu platzieren.
Das Feature ist von der Board-Administration zur Zeit nicht freigegeben. |
Wenn du ein Administrator mit entsprechenden Rechten auf diesem Board bist, kannst du im Bereich für benutzerdefinierte BBCode-Tags weitere Tags definieren. Ansonsten wende Dich mit deinen Wünschen an die Board-Administration.
|
Alle Zeiten sind UTC + 1 Stunde |