BB-Codes
Installation
Nach der Installation kann man im ACP unter Inhalte -> BBCodes die Schaltflächen für nicht benötigte BB-Codes ausblenden in dem man die BBCodes bearbeitet und die Option Button im WYSIWYG-Editor anzeigen deaktiviert.
Übersicht aller BB-Codes
icon-BB-Code:
Mir dem icon-BB-Code lassen sich Icons, in verschiedenen Größen, darstellen. Alternativ lassen sich Icons mit einem Hintergrund in verschiedenen Farben versehen.
Attribute:
Iconname - Optional Größe: 16 (Standard), 24, 32, 48, 64, 96, 128, 144 - Optionale Füllung: 1 - Optionales Styling: 1-3
Nicht alle Icons sind in einer nicht gefüllten Variante verfügbar!
Leer:
[icon=star,32][/icon]Gefüllt:
[icon=star,32,1][/icon]Styling:
Mit dem optimalen Styling lassen sich Icons mit einer Füllung darstellen. Es gibt drei Optionen:
Styling 1 - Farben Schaltflächen:
[icon=house,32,0,1][/icon]Styling 2 - Farben primäre Schaltflächen:
[icon=house,32,0,2][/icon]Styling 3 - Farben Seiten-Boxen:
[icon=house,32,0,3][/icon]brand-BB-Code:
Mit dem brand-BB-Code lassen sich Markenlogos, in verschiedenen Größen, als Icons darstellen. Alternativ lassen sich die Icons
Attribute:
Markenname - Optional Größe: 16 (Standard), 24, 32, 48, 64, 96, 128, 144 - Optional Styling: 1
[brand=apple,32][/brand]
Styling:
Mit dem optimalen Styling lassen sich Marken-Icons mit einer Füllung darstellen. Es gibt drei Optionen:
Styling 1 - Farben Schaltflächen:
[brand=twitch,24,1][/brand]
Styling 2 - Farben primäre Schaltflächen:
[brand=twitch,24,2][/brand]
Styling 3 - Farben Seiten-Boxen:
[brand=twitch,24,3][/brand]
columns BB-Code:
Mit dem colums-BB-Code kann man Text in Spalten darstellen lassen. Optional kann man eine Trennlinie zischen den Spalten anzeigen lassen.
Attribute:
Anzahl Spalten: 2, 3 (Standard), 4 - Optional Trennstriche: 1 - Optional Absätze einrücken: 1
Zwei Spalten
[columns=2]Text[/columns]Manchmal, wenn ich morgens aufstehe, fühle ich mich sehr merkwürdig. Ich habe das Gefühl, ich muss eine Katze beißen! Ich habe das Gefühl, wenn ich nicht vor Sonnenuntergang eine Katze beiße, drehe ich durch! Aber dann atme ich einfach tief durch und vergesse es. Das nennt man wahre Reife.
Ich konnte nicht frühstücken, weil ich dich vermisst habe. Ich konnte nicht zu Mittag essen – du hast mir gefehlt. Ich konnte nicht zu Abend essen – du hast mir gefehlt. Ich konnte nicht schlafen, weil ich zu hungrig war.
Joggen ist sehr gesund. Es ist gut für deine Beine und deine Füße. Es ist auch sehr gut für den Boden. Es gibt ihm das Gefühl, gebraucht zu werden.
Pläne? Daran habe ich noch gar nicht gedacht. Aber ich denke, ich werde heute Morgen ein wenig schlafen. Dann werde ich heute Nachmittag ein kurzes Nickerchen machen und später versuchen, noch etwas mehr Schlaf zu bekommen. Das sind gute Pläne!
Ach du meine Güte! Ist es schon November? Mein Leben geht viel zu schnell vorbei. Ich glaube, jemand hat den ‚Schnellvorlauf‘-Knopf gedrückt.
Drei Spalten mit Trennlinien
[columns=3,1]Text[/columns]Manchmal, wenn ich morgens aufstehe, fühle ich mich sehr merkwürdig. Ich habe das Gefühl, ich muss eine Katze beißen! Ich habe das Gefühl, wenn ich nicht vor Sonnenuntergang eine Katze beiße, drehe ich durch! Aber dann atme ich einfach tief durch und vergesse es. Das nennt man wahre Reife.
Ich konnte nicht frühstücken, weil ich dich vermisst habe. Ich konnte nicht zu Mittag essen – du hast mir gefehlt. Ich konnte nicht zu Abend essen – du hast mir gefehlt. Ich konnte nicht schlafen, weil ich zu hungrig war.
Joggen ist sehr gesund. Es ist gut für deine Beine und deine Füße. Es ist auch sehr gut für den Boden. Es gibt ihm das Gefühl, gebraucht zu werden.
Pläne? Daran habe ich noch gar nicht gedacht. Aber ich denke, ich werde heute Morgen ein wenig schlafen. Dann werde ich heute Nachmittag ein kurzes Nickerchen machen und später versuchen, noch etwas mehr Schlaf zu bekommen. Das sind gute Pläne!
Ach du meine Güte! Ist es schon November? Mein Leben geht viel zu schnell vorbei. Ich glaube, jemand hat den ‚Schnellvorlauf‘-Knopf gedrückt.
Vier Spaalten
[columns=4]Text[/columns]Manchmal, wenn ich morgens aufstehe, fühle ich mich sehr merkwürdig. Ich habe das Gefühl, ich muss eine Katze beißen! Ich habe das Gefühl, wenn ich nicht vor Sonnenuntergang eine Katze beiße, drehe ich durch! Aber dann atme ich einfach tief durch und vergesse es. Das nennt man wahre Reife.
Ich konnte nicht frühstücken, weil ich dich vermisst habe. Ich konnte nicht zu Mittag essen – du hast mir gefehlt. Ich konnte nicht zu Abend essen – du hast mir gefehlt. Ich konnte nicht schlafen, weil ich zu hungrig war.
Joggen ist sehr gesund. Es ist gut für deine Beine und deine Füße. Es ist auch sehr gut für den Boden. Es gibt ihm das Gefühl, gebraucht zu werden.
Pläne? Daran habe ich noch gar nicht gedacht. Aber ich denke, ich werde heute Morgen ein wenig schlafen. Dann werde ich heute Nachmittag ein kurzes Nickerchen machen und später versuchen, noch etwas mehr Schlaf zu bekommen. Das sind gute Pläne!
Ach du meine Güte! Ist es schon November? Mein Leben geht viel zu schnell vorbei. Ich glaube, jemand hat den ‚Schnellvorlauf‘-Knopf gedrückt.
Fünf Spalten
[columns=5]Text[/columns] Manchmal, wenn ich morgens aufstehe, fühle ich mich sehr merkwürdig. Ich habe das Gefühl, ich muss eine Katze beißen! Ich habe das Gefühl, wenn ich nicht vor Sonnenuntergang eine Katze beiße, drehe ich durch! Aber dann atme ich einfach tief durch und vergesse es. Das nennt man wahre Reife.
Ich konnte nicht frühstücken, weil ich dich vermisst habe. Ich konnte nicht zu Mittag essen – du hast mir gefehlt. Ich konnte nicht zu Abend essen – du hast mir gefehlt. Ich konnte nicht schlafen, weil ich zu hungrig war.
Joggen ist sehr gesund. Es ist gut für deine Beine und deine Füße. Es ist auch sehr gut für den Boden. Es gibt ihm das Gefühl, gebraucht zu werden.
Pläne? Daran habe ich noch gar nicht gedacht. Aber ich denke, ich werde heute Morgen ein wenig schlafen. Dann werde ich heute Nachmittag ein kurzes Nickerchen machen und später versuchen, noch etwas mehr Schlaf zu bekommen. Das sind gute Pläne!
Ach du meine Güte! Ist es schon November? Mein Leben geht viel zu schnell vorbei. Ich glaube, jemand hat den ‚Schnellvorlauf‘-Knopf gedrückt.
Sechs Spalten
[columns=6,0,1]Text[/columns]Manchmal, wenn ich morgens aufstehe, fühle ich mich sehr merkwürdig. Ich habe das Gefühl, ich muss eine Katze beißen! Ich habe das Gefühl, wenn ich nicht vor Sonnenuntergang eine Katze beiße, drehe ich durch! Aber dann atme ich einfach tief durch und vergesse es. Das nennt man wahre Reife.
Ich konnte nicht frühstücken, weil ich dich vermisst habe. Ich konnte nicht zu Mittag essen – du hast mir gefehlt. Ich konnte nicht zu Abend essen – du hast mir gefehlt. Ich konnte nicht schlafen, weil ich zu hungrig war.
Joggen ist sehr gesund. Es ist gut für deine Beine und deine Füße. Es ist auch sehr gut für den Boden. Es gibt ihm das Gefühl, gebraucht zu werden.
Pläne? Daran habe ich noch gar nicht gedacht. Aber ich denke, ich werde heute Morgen ein wenig schlafen. Dann werde ich heute Nachmittag ein kurzes Nickerchen machen und später versuchen, noch etwas mehr Schlaf zu bekommen. Das sind gute Pläne!
Ach du meine Güte! Ist es schon November? Mein Leben geht viel zu schnell vorbei. Ich glaube, jemand hat den ‚Schnellvorlauf‘-Knopf gedrückt.
grid BB-Code:
Mit dem grid-BB-Code kann man Elemente in einem Raster anordnen. Optional kann man den Abstand festlegen. Der BB-Code hat alleine keine Funktion und muß mit anderen BB-Codes, wie zum Beispiel dem container-BB-Code, kombiniert werden.
Attribute:
Anzahl Spalten: 2, 3 (Standard), 4, 5, 6 - Optional Abstand: 0, 10, 20 (Standard), 30, 40, 50
Raster mit zwei Spalten und 10px Abstand
[grid=2,10][/grid]Schule
Warum sollten wir in eine Gehorsamkeitsschule gehen? Er macht doch schon alles, was ich von ihm will!
Leben
Man kann nicht sagen, dass man gelebt hat, bevor man eine Pusteblume gepflückt hat.
Grid mit drei Spalten und 30px Abstand
[grid=3,30][/grid]Füße
Die Füße sollten wach bleiben, für den Fall, dass du es eilig hast, irgendwohin zu kommen!
Stöckchen
Ich möchte, dass die Leute mehr über mich sagen können, wenn ich nicht mehr da bin, als: ‚Er war ein netter Kerl – er hat Stöcke gejagt!
Sterben
Eines Tages werden wir sterben, Snoopy.“ Snoopy: „Ja, aber alle anderen Tage werden wir leben!
Grid mit vier Spalten und 0px Abstand
[grid=4,0][/grid]Bellen
Es hat keinen Sinn, viel zu bellen, wenn man eigentlich nichts zu sagen hat.
Sorge
Ich habe keine Zeit, mich um all die zu sorgen, die mich nicht lieben. Vielmehr bin ich ganz damit beschäftigt, die zu bewundern, die mich wirklich lieben.
Glück
Glück ist, wenn du aufwachst, auf die Uhr schaust und feststellst, dass du noch zwei Stunden schlafen musst.
Geschenk
Ein fantastisches Geschenk, das du jemandem machen kannst, ist, ihm dafür zu danken, dass er ein wichtiger Teil deines Lebens ist.
divider BB-Code:
Mit dem divider BB-Code kann man Trennlinien erzeugen. Es stehen verschiedene Arten und Farben zu Verfügung. Darüber hinaus kann man die Breite festlegen.
Attribute:
[divider][/divider]Darstellung: 0 (Standard) 1, 2, 3 - Optional Farbe: 0-4- Optional Breite: 1-100
Farben:
Textfarbe
Linkfarbe
Rahmenfarbe
Schaltflächenfarbe
Primäre Schaltflächenfarbe
Eigene Farben lassen sich über eine eigenen Klasse zuweisen.
h1 BB-Code:
MIt dem H1-BB-Code lassen sich Überschriften in großer Größe erzeugen. Es wird eine Schriftgröße von 35 Pixel verwendet.
Verwendung:
[h1]Titel[/h1]Attribute::
Optional Ausrichtung: 1 zentriert, 2 rechts
H1 Titel wenn groß nicht groß genug ist.
H1 Titel wenn groß nicht groß genug ist.
H1 Titel wenn groß nicht groß genug ist.
button BB-Code:
Mit dem BB-Code für Schaltflächen lasen sich Links erzeugen.
Attribute:
Link - Styling: 1 (Standard), 2, 3, - Optional: Link in neuem Fenster: 1
[button=Link]Link-Titel[/button]Styling 1 - Farben Schaltflächen:
[button=https://www.cls-design.com]cls-design[/button]Styling 2 - Farben primäre Schaltflächen:
[button=https://www.cls-design.com,2]cls-design[/button]Styling 3 - Transparent mit Rahmen in neuem Fenster:
[button=https://www.cls-design.com,3,1]cls-design[/button]Link in neuem Fenster öffnen:
[button=https://www.cls-design.com,0,1]cls-design[/button]container BB-Code
Mit dem container-BB-Code lassen sich Container erzeugen die mit dem grid-BB-Code verwendet werden können.
Attribute:
Styling: 0 (Standard), 1, 2, 3, 4, 5 - Optional Padding: 0, 5, 10, 20
Styling 0 - Container ohne Styling
[container][/container]Container Styling 0
Das Styling 0 beinhaltet keinen Formatierungen. Es wird nur ein Container zu Verfügung gestellt.
Styling 1 - Container mit einem Rahmen
[container=1][/container]container Styling 1
Das Styling 1 wird mit einem Rahmen um den Inhalt dargestellt.
Styling 2 - Container in den Farben der Schaltflächen
[container=2][/container]container Styling 2
Das Styling 2 wird mit den Farben der Schaltflächen dargestellt.
Styling 3 - Container in den Farben der primären Schaltflächen
[container=3][/container]container Styling 3
Das Styling 3 wird mit den Farben der primären Schaltflächen dargestellt.
Styling 4 - Container in den Farben der Seiten-Boxen
[container=4][/container]Container Styling 4
Das Styling 4 wird mit den Farben der Seiten-Boxen dargestellt.
Styling 5 - Container mit reduzierten Abständen
[container=5][/container]Das Styling 5 reduziert alle Abstände auf ein Minimum und eignet sich so besonders gut für Iconanzeigen:
45.976
Sterne am Himmel
365
Tassen Kaffee
1.456
Bilder
26
Jahre
1.456
Bilder
imagebox BB-Code
Dieser BB-Code erzeugt eine Box mit Titelbild.
Attribute:
Styling: 0 (Standard), 1
[imagebox][/imagebox]
Aufgeben
Ich habe es vor langer Zeit aufgegeben, Menschen zu verstehen. Jetzt lasse ich dich versuchen mich zu verstehen.
Leute
Die Leute sollten sich nicht schämen, nur weil sie erwischt werden, wie sie sich wie Dummköpfe verhalten.
Liebe
Mein Lieber, wie ich dich liebe. Worte können nicht sagen, wie sehr ich dich liebe. Also vergiss es besser.
Nachts
Manchmal liegst du nachts im Bett und hast nichts zu befürchten ... Das macht mir immer Sorgen!
[imagebox=1][/imagebox]
Kirsten
"Wenn du über den Berg bist, nimmst du an Geschwindigkeit zu."
Alina
"Wenn das Leben dich niederschlägt, drehe dich um und schau dir die Sterne an."
Susan
"Denke daran, dass du einzigartig bist und die Welt auf deine eigene Weise bereicherst."
Peter
"Sei wie ein Schmetterling und breite deine Flügel aus, um die Welt zu erkunden."
hero BB-Code
Mit diesem BB-Code lässt sich Text auf Bildern platzieren.
Attribute:
[hero][/hero]Styling: 0 (Standard), 1, 2, 3 - Optional maximale Höhe in px
Der Text der auf dem Bild dargestellt werden soll muss als Liste unter einem Bild eingefügt werden.
Die maximale Höhe sollte nur in Ausnahmefällen verwendet werden da dadurch eine dynamische Skalierung unter Umständen verhindert wird. Größen unter 400 Pixel sind nicht empfohlen da es sonst auf kleinen Bildschirmen zu Fehldarstellungen kommen kann.
[hero=0,500][/hero]
Es war eine dunkle und stürmische Nacht
- Ich habe schon lange aufgegeben, die Leute verstehen zu wollen. Jetzt lasse ich sie einfach versuchen, mich zu verstehen!
- Mehr lesen
[hero=1,400][/hero]
Du bist zufällig mein einziger Sonnenschein.
- Ich glaube, ich habe das Geheimnis des Lebens entdeckt – man muss nur abwarten, bis man sich daran gewöhnt hat.
- Mehr sehen
[hero=2,500][/hero]
Je weniger du willst, desto mehr liebst du
- Sein ganzes Leben lang versuchte er, ein guter Mensch zu sein. Doch oft scheiterte er. Denn schließlich war er nur ein Mensch. Er war kein Hund.
- Mehr erfahren
[hero=3,300][/hero]
Ich liebe es, wenn du hier bist
- Manche von uns werden als Hunde geboren, andere als Kaninchen. Wenn es hart auf hart kommt, muss ich zugeben, dass meine Sympathie bei den Kaninchen liegt.
- Mehr entdecken
follow BB-Code
Mit dem follow-BB-Code lassem sich Links zu diversen Netzwerken erzeugen. Netzwerke die nicht mitgeliefert werden lassen sich in Eigeninitiative per CSS hinzufügen.
Attribute:
Iconname - Link - Optional Styling: 1
[follow=x-twitter,https://x.com/]Icks[/follow]
[follow=x-twitter,https://x.com/mathemart_][/follow]
[follow=x-twitter,https://x.com/,1]Icks[/follow]
[follow=x-twitter,https://x.com/mathemart_,1][/follow]flex BB-Code
Der flex BB-Code stellt die CSS-Funktion flexbox bereit. Der BB-Code alleine hat keine Funktion und muss mit anderen BB-Codes, wie dem container-BB-Code, kombiniert werden.
Attribute:
Ausrichtung: 0 (Standard Links), 1 (Zentriert), 2 (Rechts), 3 (Gleichmäßig verteilt)
[flex][/flex]45.976
Sterne am Himmel
3.567
Häuser in der Stadt
45.976
Sterne am Himmel
3.567
Häuser in der Stadt
45.976
Sterne am Himmel
3.567
Häuser in der Stadt
45.976
Sterne am Himmel
3.567
Häuser in der Stadt
accordeon BB-Code
Dieser BB-Code erlaubt die Erstellung zusammenhängender Spoilergruppen. Wird ein anderen Spoiler der Gruppe geöffnet, werden alle anderen offenen Spoiler geschlossen.
Attribute:
Titel - Gruppenname - Optional: 1 für primär geöffneten Spoiler
[accordeon=Titel 1,accordeon-1,1]
Joggen ist sehr gesund. Es ist gut für deine Beine und deine Füße. Es ist auch sehr gut für den Boden. Es gibt ihm das Gefühl, gebraucht zu werden. Pläne? Daran habe ich noch gar nicht gedacht. Aber ich denke, ich werde heute Morgen ein wenig schlafen. Dann werde ich heute
[/accordeon]
[accordeon=Titel 2,accordeon-1,0]
Joggen ist sehr gesund. Es ist gut für deine Beine und deine Füße. Es ist auch sehr gut für den Boden. Es gibt ihm das Gefühl, gebraucht zu werden. Pläne? Daran habe ich noch gar nicht gedacht. Aber ich denke, ich werde heute Morgen ein wenig schlafen. Dann werde ich heute
[/accordeon]
[accordeon=Titel 3,accordeon-1,0]
Joggen ist sehr gesund. Es ist gut für deine Beine und deine Füße. Es ist auch sehr gut für den Boden. Es gibt ihm das Gefühl, gebraucht zu werden. Pläne? Daran habe ich noch gar nicht gedacht. Aber ich denke, ich werde heute Morgen ein wenig schlafen. Dann werde ich heute
[/accordeon]
[accordeon=Titel 4,accordeon-1,0]
Joggen ist sehr gesund. Es ist gut für deine Beine und deine Füße. Es ist auch sehr gut für den Boden. Es gibt ihm das Gefühl, gebraucht zu werden. Pläne? Daran habe ich noch gar nicht gedacht. Aber ich denke, ich werde heute Morgen ein wenig schlafen. Dann werde ich heute
[/accordeon]Titel 1
Joggen ist sehr gesund. Es ist gut für deine Beine und deine Füße. Es ist auch sehr gut für den Boden. Es gibt ihm das Gefühl, gebraucht zu werden.
Pläne? Daran habe ich noch gar nicht gedacht. Aber ich denke, ich werde heute Morgen ein wenig schlafen. Dann werde ich heute
Titel 2
Joggen ist sehr gesund. Es ist gut für deine Beine und deine Füße. Es ist auch sehr gut für den Boden. Es gibt ihm das Gefühl, gebraucht zu werden.
Pläne? Daran habe ich noch gar nicht gedacht. Aber ich denke, ich werde heute Morgen ein wenig schlafen. Dann werde ich heute
Titel 3
Joggen ist sehr gesund. Es ist gut für deine Beine und deine Füße. Es ist auch sehr gut für den Boden. Es gibt ihm das Gefühl, gebraucht zu werden.
Pläne? Daran habe ich noch gar nicht gedacht. Aber ich denke, ich werde heute Morgen ein wenig schlafen. Dann werde ich heute
Titel 4
Joggen ist sehr gesund. Es ist gut für deine Beine und deine Füße. Es ist auch sehr gut für den Boden. Es gibt ihm das Gefühl, gebraucht zu werden.
Pläne? Daran habe ich noch gar nicht gedacht. Aber ich denke, ich werde heute Morgen ein wenig schlafen. Dann werde ich heute