SmartBox – BBCode 1.0.6

With this BBCode you are able to insert several boxes in different colors within one thread.


The SmartBox BBcode is a further developement of the popular box BBCodes by cls-design. This further development was necessary as the old BBcode did no longer meet our demands. Moreover, we'd like use again the multiple BBcodes with this new development, which wasn't possible in WBB4. In the following we'll show you all the functions in an overview and will also always refer to changes to its predecessor.


BBCode Tag

With the new development something fundamental has changed in the BBcode, namely that the BBcode tag "box" turned to "sbox". This is due to the fact, as mentioned above, to make the plugin again compatible with other BBcodes, which were part of WBB4/WCF2, but not compatible. Example for the BBcode: [sbox=rot] text [/sbox]


Revision of colors

Additionally, we've revised and slightly varnished the known colors (red, blue, green, yellow, purple, orange, white, black) in the course of the further development. We did so in order to turn the BBcode into a more contemporary and also more attractive one, as the colors are now somewhat stronger and clearer as the former ones.


Example for the BBcode:

  • [sbox=color] text


Hex Code use

A lot has also happened with the new development in the case of using hex codes in the BBcode. We've tried to simplify the use in such a way that you only have to give the hex code and no longer the addition hex. As a result, the BBcode of [box = hex, #fff] turned to [sbox = #fff]. In this context we've also created the possibility to set a color gradient. To do so, you only have to set another hex code behind the first one, separated by comma, and then you'll receive a color gradient.


Example for the BBcode:

  • [sbox=main color, color for the color gradient] text [/sbox]

Positioning of the box

As already included within the predecessor, there is again the possibility to display the box on the left or right hand side of the text. We haven't changed anything within this function, so it can be used like before.


Example for the BBcode:

  • [sbox=rot,Position] text [/sbox]


Optional packages

In order to make it easier to adapt existing posts to the new BBcode tag, we've developed two optional packages that manage this task. The two packages are to be used for the blog and the forum, modifying the tag of "box" to "sbox" in the text and if you should have used hex codes, the word hex will be also deleted from the BBcode. It is important to keep in mind that, depending on how many posts are within the forum/blog, this update can take a certain time! You can find the option under System - Maintenance - Update display


All functions in an overview

  • Predefined colors (red, yellow, blue, green, black, ... => [sbox = color])
  • Positional choice between left and right next to the text (left, right => [sbox = color, position], always at the end of the code!)
  • Hex code uses ([sbox = hexCode])
  • Hex code use with a color gradient ([sbox=hexCode, hexcode])
Like 24

  • Version 1.0.6

    • LiberrY
    • 52.74 kB
    • 601 Downloads

    Change the Minversion of the Requiredpackage from 2.0.0 to 2.1.0 Alpha 1

  • Version 1.0.5

    • LiberrY
    • 52.22 kB
    • 32 Downloads

    Change the language variable (@ before the $content)

  • Version 1.0.4

    • LiberrY
    • 52.22 kB
    • 9 Downloads

    Change the spelling of the language variable in the file: SmartBoxBBCode.class.php

  • Version 1.0.3

    • LiberrY
    • 51.71 kB
    • 313 Downloads
    • Change the Less und TPL Files because the ID smartBox in the Files was change to the class smartBox

  • Version 1.0.2

    • LiberrY
    • 51.71 kB
    • 91 Downloads
    • Fehlerbehebung in der Englischen Sprachdatei
    • Fehlerbehebung in der Packetbeschreibung des Optionalen Paketes

  • Version 1.0.1

    • LiberrY
    • 51.2 kB
    • 39 Downloads

    Update des Optionalen Blog Paketes und behebung des Namespace Problems.

  • Version 1.0.0

    • LiberrY
    • 50.69 kB
    • 27 Downloads

  • no updates? :(

  • Hallo LiberrY - Funktioniert die SmartBox mit dem neuen WSC ? Dieselbe Frage natürlich auch für SmartCallout :)

    Like 2

    • Würde ich mir auch wünschen :)

    • Aktuell ist noch kein BBCode von mir Umgebaut auf die neue Version. Geplant ist es, jedoch muss ich dafür erst meinen Laptop wieder reparieren ...

      Like 2

    • Ich repariere dein Laptop und du programmierst dafür das Plugin um :p

      Like 1

    • Oh, fantastisch, dass du ihn anpassen wirst! Das erleichtert die Entscheidung für das neue WSC enorm.

    • #Status?

  • Hallooo! Kann man Berechtigungen einstellen, welche Nutzergruppen die Boxen nutzen dürfen? Wäre zur Moderation sehr interessant. :)

  • funktioniert bei mir ebenfalls im dashboard nicht :(

    • Für Support, bitte das Supportform nutzen. Link dazu über den Webseiten Button entnehmen.

    • Im Forum wurde das ebenfalls nicht gelöst ;)
      Zitat: Das Dashboard soll ja auch nur kurz einen überblick über das Thema geben

    • Diese Aussage ist nicht 100% zutreffend. Der eigentliche Fehler, der gepostet wurde, ist Behoben worden! Jedoch habe ich die Darstellung der Designs von dem BBCode nicht im Dashboard Aktiviert, wie das damals wie heute gängige Praxis ist.
      Das Zitat ist deswegen aus dem Zusammenhang gerissen. Das Dashboard dient nur als eine Übersicht und durch die Darstellung des BBCodes (in Form und Farbe) nur unnötig aufgebläht wird bzw. wie ich damals geschrieben habe, es gibt nur einen kurzen Überblick.

  • Ist es bekannt, dass sich das Plugin entgegen der Aussage in der Pluginbeschreibung auch im WCF 2.0 installieren lässt, aber dort das Icon im Editor nicht funktioniert?

    • Eigentlich sollte sich das Plugin erst garnicht im WCF2 installieren lassen :D Dafür gibt es noch das Vorgänger Plugin.
      /edit: Das Update was das Problem beheben sollte ist so eben Hochgeladen worden und sollte bald Freigeschaltet werden ;)

    • Ich nehme an, das Update verhindert nun eine Installation im WCF 2.0. Außer dem Icon funktionierte es übrigens tadellos im WCF 2.0.

    • Ja das tut es ;)

  • Leider habe ich das Problem das der BBCode im Dashbord nicht richtig dargestellt wird.


    im Dashboard wird folgendes dargestellt: wcf.bbcode.button.smartBox.text [Tabmenu: Card] <span style="color: #696969"><b>

    • Hallo, ich bitte dich dazu ein Thema im Supportforum (cls-design.com) zu eröffnen und noch einige Informationen (Link zur Webseite, usw) bereit zustellen.

  • Funktioniert leider nicht bei Bulletpoints.. da hätte ich das gebraucht :(

    • Inwiefern funktioniert es nicht? Wenn du mir mehr Informationen geben kannst, könnte ich dieses Problem nochmal überprüfen. Für einen Ausführlichere Info bitte ins Supportforum (cls-design.com) gehen, dort geht es einfacher und ist übersichtlicher. ;)

  • Die neuen und ein paar der Alten Farben funktionieren bei mir leider nicht.
    Lila ging nicht, Vanille auch nicht, weder auf Englisch noch auf Deutsch.
    Habe die aktuellste Version. WCF 2.1

    • Jetzt stellt sich aber für mich die Frage wieso sollten Lila und Vanille nicht funktionieren, wenn die anderen FUnktionieren? Denn die anderen werden nach dem gleichen System abgerufen wie Lila oder Vanille.Ein paar mehr Informationen wären schon nett. Am besten machst du ein Thread im Forum auf (cls-design.com -> Support für die kostenlosen Stile und Erweiterungen -> BB-Codes), denn dort ist es übersichtlicher und besser Fehler zu posten aber auch der Austausch von Gesprächen

  • Muss die # vor dem Code sein oder ohne?

    • Wenn man einen Hexcode verwendet ja. Wenn man z.B. Rot einträgt als Wort dann nicht.

  • Mir ist gerade aufgefallen, dass jede Box die selbe ID "smartBox" besitzt. Hat man mehr als eine Box auf einer Seite, ist sie nicht mehr HTML Valide, da die selbe ID öfters auf der Seite vorkommt.
    Die ID sollte vielleicht mit einer Klasse ausgetauscht werden.

    Like 1

    • Huhu,
      ich habe gerade das Update hochgeladen. Es sollte dann mit Version 1.0.3 behoben sein, ich würde mich über ein kurzes Feedback dann freuen wenn 1.0.3 zum Download/Update hier zur Verfügung steht. Gruß Jonas

    • Danke, auf 1.0.3 aktualisiert. Keine Probleme mehr :thumbup:

    • Super freut mich :)

  • Gibt es auch für die WoltLab Community Framework Version 2.0 auch ein BBCode

    • Den gibt es. Jedoch noch mit anderen Farben und Codetechnisch etwas anders. Wie im Text beschrieben handelt es sich beim SmartBox Plugin um die Weiterentwicklung des Box BBCodes (einfach hier im PluginStore bei meinem Daten suchen). Das vorgänger Plugin sieht Optisch etwas anders aus und hat hier und da noch ein paar schwächen. Tendenziel sind Sie von der Arbeit aber ähnlich.

    • Wäre eine Aktualisierung der alten Boxen möglich sodass beides gleich funktioniert / aussieht? Oder lässt sich diese Version hier nicht einfach aufs WCF2.0. adaptieren?

    • Guck dir dazu mal das Optionale Paket an ;)

  • Hi. I love your plugin, but I can not make the gradients work. The second colour is ignored.


    Latest Chrome, on latest OSX.


    Thank you for developing and making it available.

    • Hello, can you send me your Code how you testit? Also Copy the Code from Editor in the Answer. The will me helped to find out the Problem ;)

    • I worked out what I was doing wrong, I was specifying the colours as "sbox=red, yellow" rather than "sbox=#f00, #ff0". Most of my users will not be able to deal with hex values so if you were ever to enable support for gradients with the colour names that would be excellent!

    • Hi agin,


      I'm sorry to answer in the negative, but the BBcode can't be used like that. Let me explain that: This BBcode is a further developement and was aimed to offer an even easier way for applying. The additional feature of using a color gradient was desigend like this: [sbox=main color,color for the gradient] text [/sbox]. The reason to do so is, that the gradient is "inherent" within the colors themselves, so it needs the hex codes, and not the name of the color, to come into being. However, if your users don't feel comfortable with that method, you could offer them a little HowTo by means of linking to a color chart like this one html-color-codes.info/?

      Like 1

  • Moin, die Lizenzbestimmungen werden zu mindestens unter Chrome nicht Angezeigt, da laut Google "Dies ist keine sichere Verbindung" zu dem CLS Design LicenceFree Link ist.
    Sonst kann ich noch zu dem PL selbst nix sagen, habe ich grade erst Runtergeladen, aber so wie ich auch deine Arbeit kenne wird es Sicherlich Fehlerfrei und Schön Ausschauen. ;)


    Edit: Da scheint sich ein kleiner Fehler in einer Sprachvariable eingeschlichen zu haben, da für das Optionale Paket für das Forum folgendes steht.
    "SmartBox - BBCode Forum Umwandler
    Mit diesem Plugin wandeln Sie im >>Blog<< den BBCode von Box in sBox um"

    Like 1

    • Tatsächlich, hab es lokal schon einmal behoben. Wird beim nächsten Update dann auch im PluginStore behoben ;)
      Das neuste Paket, des Optionalen Paktes, liegt auch schon CLS Forum zum Update bereit.

      Like 1