BB-Codes Beispiele

Inhaltsverzeichnis [VerbergenAnzeigen]
  1. Installation
  2. Übersicht aller BB-Codes
  3. icon-BB-Code:
    1. Attribute:
    2. Verwendung:
    3. Beispiele:
    4. Nicht gefĂŒllt:
    5. GefĂŒllt:
    6. Styling:
    7. Styling 1 - Farben SchaltflÀchen:
    8. Styling 2 - Farben primÀre SchaltflÀchen:
    9. Styling 3 - Farben Seiten-Boxen:
  4. brand-BB-Code:
    1. Attribute:
    2. Verwendung:
    3. Beispiele:
    4. Styling:
    5. Styling 1 - Farben SchaltflÀchen:
    6. Styling 2 - Farben primÀre SchaltflÀchen:
    7. Styling 3 - Farben Seiten-Boxen:
  5. columns BB-Code:
    1. Attribute:
    2. Verwendung:
    3. Beispiele:
    4. Zwei Spalten
    5. Drei Spalten mit Trennlinien
    6. Vier Spaalten
    7. FĂŒnf Spalten
    8. Sechs Spalten
  6. grid BB-Code:
    1. Attribute:
    2. Verwendung:
    3. Beispiele:
    4. Raster mit zwei Spalten und 10px Abstand
  7. Schule
  8. Leben
    1. Grid mit drei Spalten und 30px Abstand
  9. FĂŒĂŸe
  10. Stöckchen
  11. Sterben
    1. Grid mit vier Spalten und 0px Abstand
  12. Bellen
  13. Sorge
  14. GlĂŒck
  15. Geschenk
  16. divider BB-Code:
    1. Attribute:
    2. Verwendung:
    3. Beispiele:
    4. Farben:
  17. h1 BB-Code:
    1. Attribute:
    2. Verwendung:
    3. Beispiele:
  18. button BB-Code:
    1. Attribute:
    2. Verwendung:
    3. Beispiele:
    4. Styling 1 - Farben SchaltflÀchen:
    5. Styling 2 - Farben primÀre SchaltflÀchen:
    6. Styling 3 - Transparent mit Rahmen in neuem Fenster:
    7. Link in neuem Fenster öffnen:
  19. container BB-Code
    1. Attribute:
    2. Verwendung:
    3. Beispiele:
    4. Styling 0 - Container ohne Styling
    5. Container Styling 0
    6. Styling 1 - Container mit einem Rahmen
  20. container Styling 1
    1. Styling 2 - Container in den Farben der SchaltflÀchen
  21. container Styling 2
    1. Styling 3 - Container in den Farben der primÀren SchaltflÀchen
  22. container Styling 3
    1. Styling 4 - Container in den Farben der Seiten-Boxen
  23. Container Styling 4
    1. Styling 5 - Container mit reduzierten AbstÀnden
  24. 45.976
  25. 365
  26. 1.456
  27. 26
  28. 1.456
    1. Container mit vertikal zentriertem Inhalt
  29. imagebox BB-Code
    1. Attribute:
    2. Verwendung:
    3. Beispiele:
  30. Aufgeben
  31. Leute
  32. Liebe
  33. Nachts
  34. Kirsten
  35. Alina
  36. Susan
  37. Peter
  38. hero BB-Code
    1. Attribute:
    2. Verwendung:
  39. follow BB-Code
    1. Attribute:
    2. Verwendung:
    3. Beispiele:
  40. flex BB-Code
    1. Attribute:
    2. Verwendung:
    3. Beispiele:
  41. 45.976
  42. 3.567
  43. 45.976
  44. 3.567
  45. 976
  46. 3.567
  47. 45.976
  48. 3.567
  49. accordeon BB-Code
    1. Attribute:
    2. Verwendung:
    3. Beispiele:
  50. class BBCode
    1. Attribute:
    2. Verwendung:
    3. Beispiele:

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

BB-Code Beispiel
icon [icon=house,16][/icon]
brand [brand=apple,16][/brand]
columns [columns=2]Text[/columns]
grid [grid=2,10][/grid]
divider [divider][/divider]
h1 [h1]Titel[/h1]
button [button=https://www.cls-design.com]cls-design[/button]
container [container=1][/container]
imagebox [imagebox][/imagebox]
hero [hero][/hero]
follow [follow=facebook,https://facebook.com/]Facebook[/follow] 
flex [flex=1[/flex]
accordeon [accordeon=Titel,Gruppe,1][/accordeon]
class [class=class][/class]

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:

  1. Iconname
  2. GrĂ¶ĂŸe (Optional): 16 (Standard), 24, 32, 48, 64, 96, 128, 144
  3. FĂŒllung (Optional): 0, 1
  4. Styling (Optional): 1-3

Verwendung:

BBcode
[icon=star][/icon]

Nicht alle Icons sind in einer nicht gefĂŒllten Variante verfĂŒgbar!

Beispiele:

Nicht gefĂŒllt:

BBcode
[icon=star,32][/icon]

GefĂŒllt:

BBcode
[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:

BBcode
[icon=house,32,0,1][/icon]

Styling 2 - Farben primÀre SchaltflÀchen:

BBcode
[icon=house,32,0,2][/icon]

Styling 3 - Farben Seiten-Boxen:

BBcode
[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:

  1. Markenname
  2. GrĂ¶ĂŸe (Optional): 16 (Standard), 24, 32, 48, 64, 96, 128, 144
  3. FĂŒllung (Optional): 0, 1
  4. Styling (Optional): 1-3

Verwendung:

BBcode
[brand=apple][/brand]

Beispiele:

Styling:

Mit dem optimalen Styling lassen sich Marken-Icons mit einer FĂŒllung darstellen. Es gibt drei Optionen:

Styling 1 - Farben SchaltflÀchen:

BBcode
[brand=twitch,24,1][/brand]

Styling 2 - Farben primÀre SchaltflÀchen:

BBcode
[brand=twitch,24,2][/brand]

Styling 3 - Farben Seiten-Boxen:

BBcode
[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:

  1. Anzahl Spalten: 2, 3 (Standard), 4
  2. Trennstriche (Optional): 0 (Standard), 1
  3. AbsĂ€tze einrĂŒcken (Optional): 1

Verwendung:

BBcode
[columns]Text[/columns]

Beispiele:

Zwei Spalten

BBcode
[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

BBcode
[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

BBcode
[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

BBcode
[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

BBcode
[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:

  1. Anzahl Spalten: 2, 3 (Standard), 4, 5, 6
  2. Abstand (Optional): 0, 10, 20 (Standard), 30, 40, 50

Verwendung:

BBcode
[grid]Text[/grid]

Beispiele:

Raster mit zwei Spalten und 10px Abstand

BBcode
[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

BBcode
[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

BBcode
[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:

  1. Darstellung: 0 (Standard) 1, 2, 3
  2. Farbe (Optional): 0 (Standard) , 1, 2, 3, 4
  3. Breite (Optional): 1-100

Verwendung:

BBcode
[divider][/divider]

Beispiele:

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.

Attribute:

  1. Ausrichtung (Optional): 1 zentriert, 2 rechts

Verwendung:

BBcode
[h1]Text[/h1]

Beispiele:

BBcode
[h1]H1 Titel wenn groß nicht groß genug ist.[/h1]

H1 Titel wenn groß nicht groß genug ist.

BBcode
[h1=1]H1 Titel wenn groß nicht groß genug ist.[/h1]

H1 Titel wenn groß nicht groß genug ist.

BBcode
[h1=2]H1 Titel wenn groß nicht groß genug ist.[/h1]

H1 Titel wenn groß nicht groß genug ist.

button BB-Code:

Mit dem BB-Code fĂŒr SchaltflĂ€chen lasen sich Links erzeugen.

Attribute:

  1. Link
  2. Styling (Optional): 0, 1 (Standard), 2, 3,
  3. Link in neuem Fenster (Optional): 1

Verwendung:

BBcode
[button=Link]Link-Titel[/button]

Beispiele:

Styling 1 - Farben SchaltflÀchen:

BBcode
[button=https://www.cls-design.com]cls-design[/button]

cls-design

Styling 2 - Farben primÀre SchaltflÀchen:

BBcode
[button=https://www.cls-design.com,2]cls-design[/button]

cls-design

Styling 3 - Transparent mit Rahmen in neuem Fenster:

BBcode
[button=https://www.cls-design.com,3,1]cls-design[/button]

cls-design

BBcode
[button=https://www.cls-design.com,0,1]cls-design[/button]

cls-design

container BB-Code

Mit dem container-BB-Code lassen sich Container erzeugen die mit dem grid-BB-Code verwendet werden können.

Attribute:

  1. Styling (Optional): 0 (Standard), 1, 2, 3, 4, 5
  2. Padding (Optional): 0, 5, 10, 20
  3. Margin (Optional): 0, 5, 10, 20
  4. Vertikale Zentrierung (Optional): 1

Verwendung:

BBcode
[container][/container]

Beispiele:

Styling 0 - Container ohne Styling

BBcode
[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

BBcode
[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

BBcode
[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

BBcode
[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

BBcode
[container=4][/container]

Container Styling 4

Das Styling 4 wird mit den Farben der Seiten-Boxen dargestellt.

Styling 5 - Container mit reduzierten AbstÀnden

BBcode
[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

Container mit vertikal zentriertem Inhalt

Lerne aus dem Gestern, lebe fĂŒr das Heute und schaue auf das Morgen, aber vergiss nicht, dich heute Nachmittag auszuruhen. Wenn du ĂŒber den Berg bist, nimmst du an Geschwindigkeit zu. 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. Wenn das Leben dich niederschlĂ€gt, drehe dich um und schau dir die Sterne an.

Du spielst mit den Karten, die du bekommst. Was auch immer das bedeutet. TrÀume nicht dein Leben, sondern lebe deinen Traum.

Lerne aus dem Gestern, lebe fĂŒr das Heute und schaue auf das Morgen, aber vergiss nicht, dich heute Nachmittag auszuruhen. Wenn du ĂŒber den Berg bist, nimmst du an Geschwindigkeit zu. 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. Wenn das Leben dich niederschlĂ€gt, drehe dich um und schau dir die Sterne an.

Du spielst mit den Karten, die du bekommst. Was auch immer das bedeutet. TrÀume nicht dein Leben, sondern lebe deinen Traum.

imagebox BB-Code

Dieser BB-Code erzeugt eine Box mit Titelbild.

Attribute:

  1. Styling (Optional): 0 (Standard), 1

Verwendung:

BBcode
[imagebox][/imagebox]

Beispiele:

animal_rabbit_1.webp

Aufgeben

Ich habe es vor langer Zeit aufgegeben, Menschen zu verstehen. Jetzt lasse ich dich versuchen mich zu verstehen.

Mehr

animal_dog_1.webp

Leute

Die Leute sollten sich nicht schÀmen, nur weil sie erwischt werden, wie sie sich wie Dummköpfe verhalten.

Mehr

animal_bird_1.webp

Liebe

Mein Lieber, wie ich dich liebe. Worte können nicht sagen, wie sehr ich dich liebe. Also vergiss es besser.

Mehr

animal_squirrel_1.webp

Nachts

Manchmal liegst du nachts im Bett und hast nichts zu befĂŒrchten ... Das macht mir immer Sorgen!

Mehr

BBcode
[imagebox=1][/imagebox]

female_portrait_1.webp

Kirsten

CEO

mail @ me.org

"Wenn du ĂŒber den Berg bist, nimmst du an Geschwindigkeit zu."

female_portrait_2.webp

Alina

Headhunter

mail @ me.org

"Wenn das Leben dich niederschlÀgt, drehe dich um und schau dir die Sterne an."

female_portrait_3.webp

Susan

Developer

mail @ me.org

"Denke daran, dass du einzigartig bist und die Welt auf deine eigene Weise bereicherst."

male_portrait_1.webp

Peter

Photographer

mail @ me.org

"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:

  1. Styling (Optional):: 0 (Standard), 1, 2, 3
  2. Maximale Höhe in Pixel (Optional): 200, 250, 300, 350, 400, 450, 500

Verwendung:

BBcode
[hero][/hero]

Der Text der auf dem Bild dargestellt werden soll muss als Liste unter einem Bild eingefĂŒgt werden.

Die maximale Höhe wird nur auf DesktopgerĂ€ten verwendet und sollte bei kleinster Breite getestet werden ob sie auch ausreichend fĂŒr den Text ist.

BBcode
[hero=0,500][/hero]

mercedes_2.webp

  • 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
BBcode
[hero=1,300][/hero]

mercedes_1.webp

  • 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
BBcode
[hero=2,350][/hero]

skyline_day_1.webp

  • 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
BBcode
[hero=3,400][/hero]

skyline_night_1.webp

  • 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:

  1. Iconname
  2. Link
  3. Styling (Optional): 1

Verwendung:

BBcode
[follow=x-twitter,https://x.com/]Icks[/follow]

Beispiele:

BBcode
[follow=x-twitter,https://x.com/]Icks[/follow] [follow=x-twitter,https://x.com/mathemart_][/follow]
					[follow=facebook,https://x.com/]Facebook[/follow] [follow=facebook,https://x.com/mathemart_][/follow]
					[follow=github,https://x.com/]Github[/follow] [follow=github,https://x.com/mathemart_][/follow]
					[follow=instagram,https://x.com/]Instagram[/follow] [follow=instagram,https://x.com/mathemart_][/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:

  1. Ausrichtung: 0 (Standard Links), 1 (Zentriert), 2 (Rechts), 3 (GleichmĂ€ĂŸig verteilt)

Verwendung:

BBcode
[flex][/flex]

Beispiele:

BBcode
[flex][/flex]

45.976

Sterne am Himmel

3.567

HĂ€user in der Stadt

BBcode
[flex=1][/flex]

45.976

Sterne am Himmel

3.567

HĂ€user in der Stadt

BBcode
[flex=2][/flex]

45.976

Sterne am Himmel

3.567

HĂ€user in der Stadt

BBcode
[flex=3][/flex]

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:

  1. Titel
  2. Gruppenname
  3. Initial geöffneter Spoiler: 1

Verwendung:

BBcode
[accordeon][/accordeon]

Der initial geöffnete Spoiler darf pro Gruppenname nur ein mal konfiguriert werden.

Der Gruppenname muss pro Akkordeon-Block individuell vergeben werden da die Blöcke durch den Gruppennamen gruppiert werden. Alle Spoiler mit dem selben Gruppennamen hÀngen logisch zusammen.

Beispiele:

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

class BBCode

Der BBCode fĂŒgt einen Container hinzu der eine selbst definierte Klasse enthĂ€lt. Dadurch lassen sich Bereiche individuell per CSS gestalten.

Attribute:

  1. Klasse

Verwendung:

BBcode
[class=Klasse][/class]

Beispiele:

BBcode
[class=styling-100]
					Text
					[/class]
CSS
.styling-100 {
						padding: 20px;
						border: 2px solid var(--wcfContentBorder);
						border-radius: var(--wcfBorderRadius);
					}