X
Seite: howto BB-Code



Willkommen im Andalusier-Forumswiki - How-to

BB-Codes



Inhalt



Was ist ein BB-Code?

BB-Code (oder auch BBCode) ist die Abkürzung für Bulletin Board Codes.
Es handelt sich hier um eine "Formatierungssprache", die dem HTML verwandt ist, jedoch einige mögliche Sicherheitslücken geschlossen hält, welche die Erlaubnis der Nutzung von HTML mit sich brächte. Sie ist daher auch eingeschränkter in ihren Möglichkeiten.
Da HTML aus dem englischen Sprachraum stammt, sind die HTML-Codes, ebenso wie die BB-Codes der englischen Sprache entlehnt.
Ein Code "befiehlt" der darstellenden Seite in welcher Form der folgende Text dargestellt werden soll.
Der BB-Code steht - im Gegensatz zum HTML - immer in "eckigen Klammern" [xxx] ein Befehl in diesen Klammern ("eckige Klammer auf + Befehl + eckige Klammer zu" "startet" eine Formatierung, welche mit "eckige Klammer auf + Slash + Befehl + eckige Klammer zu] wieder "beendet" wird.
Wie im HTML ist es wichtig, den Code auch wieder zu beenden.

Also, der Code "xxx" würde auf einen Text wie folgt angewendet werden:
[xxx]Hier der mit xxx zu formatierende Text[/xxx]

Der BB-Code erlaubt neben der Erstellung von Textformatierungen und Listen auch einige (mindestens einen) "Automatismen", wie das automatische Erstellen eines Inhaltsverzeichnisses.

Bitte wundert Euch im Folgenden nicht über die Darstellung der "BB-Codes" in dieser Form:

1
 
hier BB Code
 


Das liegt daran, dass man der Seite mitteilen muss, dass sie den Code anzeigen und nicht umsetzen soll, und dies geschieht über den Code "code", der diese Darstellung erzeugt.

Eine Auswahl der möglichen Codes findet ihr oben in der Formatierungsleiste, wie b, i, u und das Einfügen von Links, Bildern, Videos ....

Beispiel Textformatierung fett


Der BB-Code für "fett" lautet "b" - entsprechend sieht die Syntax wie folgt aus:

1
 
[b]hier der mit "b" - fett formatierte Text[/b]
 


hier der mit "b" - fett formatierte Text

Beispiel Inhaltsverzeichnis


Die Nutzung des Codes erlaubt z.B. die automatische Erstellung eines Seiteninhaltsverzeichnisses mittels Überschriften.
Dies geschieht über die Nutzung von Textformatierung als "Überschrift"

1
 
[h3] TEXT [/h3]
 

und der Benutzung des des Codes

1
 
[page_index]
 

an der Stelle, an der das Inhaltsverzeichnis sitzen soll.
Das Ergebnis der Nutzung der beiden oben angegebenen Codes findet ihr auf dieser Seite - im Inhaltsverzeichnis und bei jeder Überschrift.

Codeliste


Überschriften


Überschrift 1: Beispiel sieht so ähnlich aus wie oben: "Willkommen im Andalusier-Forumswiki - How-to"

1
 
[h1]Überschrift 1[/h1] - H steht für "Header"
 



Überschrift 2: Beispiel siehe z.B: "Codeliste"

1
 
[h2]Überschrift 2[/h2] - H steht für "Header"
 



Überschrift 3: Beispiel siehe z.B: "Überschriften"

1
 
[h3]Überschrift 3[/h3] - H steht für "Header"
 



Es gibt auch noch h4 & h5. Diese werden im Inhaltsverzeichnis aber nicht korrekt dargestellt.

automatisches Inhaltsverzeichnis


Dies erstellt sich automatisch aus den oben angegebenen Überschriftsformatierungen. Ein Beispiel ist oben auf dieser Seite zu sehen.

1
 
[page_index]
 



Textformatierungen


Ich fasse ein wenig zusammen damit wir nicht unendlich Platz verbrauchen für einfache Dinge. Die Codes sind gut miteinander kombinierbar.
fett, kursiv, unterstrichen, rot, blau, grün, orange, lila, weiß, schwarz

1
2
3
4
5
6
7
8
9
10
11
12
 
[b]fett[/b] - b steht für "bold"
[i]kursiv[/i] - i steht für "italics"
[u]unterstrichen[/u] - u steht für "underline"
[rot]rot[/rot]
[blau]blau[/blau]
[gruen]grün[/gruen]
[orange]orange[/orange]
[lila]lila[/lila]
[weiss]weiß[/weiss]
[schwarz]schwarz[/schwarz]
 
Kombination von [rot][u][i][b]fett,kursiv und unterstrichen in rot[/b][/i][/u][/rot]
 


fett,kursiv und unterstrichen in rot

Schriftarten wie im Forum verfügbar
Arial, Times New Roman, Georgia, Courier Sans, Verdana, MV Boli, Comic, Segoe Print, Segoe Script, Constantia

1
2
3
4
5
6
7
8
9
10
 
[style=font-family:'Arial']Arial[/style]
[style=font-family:'Times New Roman']Times New Roman[/style]
[style=font-family:'georgia']Georgia[/style]
[style=font-family:'Courier']Courier Sans[/style]
[style=font-family:'Verdana']Verdana[/style]
[style=font-family:'MV Boli']MV Boli[/style]
[style=font-family:'Comic Sans MS']Comic[/style]
[style=font-family:'Segoe Print']Segoe Print[/style]
[style=font-family:'Segoe Script']Segoe Script[/style]
[style=font-family:'Constantia']Constantia[/style]
 



Absatzformatierung


links

rechts

mittig

1
2
3
 
[left]links[/left]
[right]rechts[/right]
[center]mittig[/center]
 



Linie


1
 
[line]
 



Einfügen von Bildern


Dies geht über verschiedene Wege.
1. Zum einen kann ein (oder mehrere) Bild(er) an den Beitrag angehangen werden über den Dialog unten rechts.
Die folgende Bildreihe zeigt die einzelnen Schritte und auch das Ergebnis:
bilder einfuegen1.png - Bild entfernt (keine Rechte)
KLICK AUF "Datei anhängen"

bilder einfuegen2.png - Bild entfernt (keine Rechte)
KLICK auf "Durchsuchen"

bilder einfuegen3.png - Bild entfernt (keine Rechte)
Bild auf dem Rechner finden und auswählen ( "öffnen" ), dann KLICK auf "Dateien hochladen"

-> hier an die Stelle im Text gehen, wo das Bild eingefügt werden soll

bilder einfuegen4.png - Bild entfernt (keine Rechte)
KLICK auf "Einfügen"

bilder einfuegen5.png - Bild entfernt (keine Rechte)
Breite und Textfluß auswählen (oder Voreinstellungen lassen) und "Bild einfügen"
Wie im letzten Bild zu sehen ist, gibt es auch hier verschiedene Möglichkeiten der Gestaltung. Die obigen Bilder sind "Vollbild" eingebunden, das unten stehende mit "Auto".

Wenn man den letzten Schritt, das "Einfügen" im Text auslässt, werden die hochgeladenen Dateien am Ende des Beitrags angehangen und es gibt die Option, sie als Diashow zu sehen.

amleto.gif - Bild entfernt (keine Rechte)

1
 
[[File:amleto.gif|none|auto]]
 



2. zum anderen kann ein Bild von einer Internetadresse eingebunden werden - hier der Code für das Bild oben auf dieser Seite.

1
 
[img]https://files.homepagemodules.de/b631402/wiki-Startseite-n2_SEZOnwTi.jpg[/img]
 



Einfügen von Internetadressen / Links


Deutscher Wetterdienst

1
 
[URL=http://www.dwd.de/DE/Home/home_node.html]Deutscher Wetterdienst[/URL]
 



Xobor Xobor Wiki
Datenschutz