In diesem Plugin geht es nicht um diverse Einstellungsmöglichkeiten. Zunächst nutzen wir das Plugin lediglich für die Styles, um unseren CSS-Bereich in der Admin zu entlasten. Später kann man vielleicht noch ein paar Variablen hinzufügen, um schnell ändern zu können. Andererseits schaffen wir aber so etwas wie eine Vorlage und die wird ja normalerweise nicht alle Nase lang geändert. Wenn doch, kann man das auch gut direkt im Code tun. Ich habe auch mit mir gerungen, ob ich wenigstens die Gruppenrechte einbaue, aber auch das ist hier überflüssig. Die Nutzung der BBCodes steuert man ja direkt bei der Erstellung in der Iconbar und die Styles laufen im Hintergrund, werden nur in der Wirkung wahrgenommen.

Für unser Vorhaben sind haben wir also zwei Baustellen: wir müssen Foren-Codes anlegen und ein Plugin für die Styles anlegen.

1. Anlegen des Foren-Codes

1.1 Administration → Layout → Iconbar
1.2 Neue Icons hinzufügen → Reiter: Foren-Code

Hier erstellen wir einen neuen Foren-Code und zwar definieren wir eine neue Klasse für Texte. Wir nennen sie txtbox01.

[txtbox01] ... [/txtbox01]
 

Mit:

<p class="txtbox01"> ... </p>
 

In Weitere Einstellungen kann man dann noch anhaken, wer die Fore-Codes nicht nutzen soll. Wird hier nichts angehakt taucht der Code in der Iconbar auf. Es ist dann ratsam, ein kleines Icon dafür in Grafik: hochzuladen.

2. Erstellen eines Plugins für die Styles

2.1 Administration → Plugins → Plugin-Entwicklung → Neues Plugin erstellen

... oder vergessen hast, wie es geht.

Gehe in die 'Administration' deines Forums auf den Reiter 'Plugins'.
Dort siehst du den PluginStore und auch den Reiter 'Plugin-Entwicklung'.
Den klickst du an.

Abb. 1

Nun klickst du auf 'Neues Plugin erstellen'.

Abb. 2

Nun musst du deinem Plugin eine ID und einen Namen geben (das sind hier nur Beispiele).

Die ID muss eindeutigDie ID´s werden im Pluginsystem Xobor-weit gespeichert und sorgen dafür, dass die Plugins angesprochen und verwaltet werden können.
Jedes Plugin benötigt eine solche eigene Zeichenfolge, mit der es eindeutig identifiziert werden kann, ähnlich wie eine Konto- oder Personalausweisnummer.
Deshalb erscheint die Meldung, dass diese ID schon vergeben ist, wenn man eine eingibt, die es schon gibt. Man nimmt dann einfach eine andere ID. sein.

Abb. 3

Der Name ist der Titel des Plugins, wie er später auch im Store erscheinen würde.
Der Name lässt sich jederzeit ändern, auch wenn alles schon fertig ist.

Also wenn nun ID und Name eingetragen sind, klicke auf 'Plugin anlegen'.

Abb. 4

Und schon hast du ein eigenes Plugin erstellt. Es ist zwar noch leer und tut nix, aber es ist schon mal in der Liste deiner Plugins in der Pluginentwicklung zu sehen.

2.2 Neues Element erstellen

... oder vergessen hast, wie es geht.

Du klickst in deinem Plugin auf 'Neues Element erstellen'

Abb. 5

In der Auswahl, die dann erscheint, klickst du auf 'Template Element'.

Abb. 6

In der nun erscheinenden Tabelle wählst du in der Option 'Template' das Element 'Forum Übersicht' aus.
Darunter setzt du den Punkt auf 'Header'. (Bitte beachte, hier auf dem Bild ist ein anderes Template-Element als Beispiel ausgewählt.)

Abb. 7

Und schließlich klickst du auf 'Hinzufügen'.

Schwub - und schon bist du im Plugineditor, der nur darauf wartet, dass du deinen Code hinein schreibst.

Für dieses Plugin musst du dir überlegen, wo du den Foren-Code einsetzen möchtest.
Wenn er überall im Forum wirken soll, wo du mit BBCodes arbeiten kannst, wähle: Obere Leiste . footer

2.3 Styleanweisung in den Code eingeben

Dieser Code bezieht sich auf den soeben erstellten Foren-Code [txtbox01] und formatiert den Text unter anderem als Blocksatz:

 <style> /* Textbox, mittig, Blocksatz */ 
  .txtbox01 {
    margin: auto;        /* setzt den text mittig (nicht zentriert) */
    text-align: justify; /* setzt den text im Blocksatz */
    max-width: 650px;    /* legt die max. Breite von Fließtext auf 650 Pixel fest */ 
    font-size: 14px;     /* legt die Schriftgröße auf 14 Pixel fest */
  }
</style>
 

<style>
    .boxheader {text-align: center;}
</style>
 

Nach diesem Muster kannst du nun mehrere Textboxen für verschiedene Zwecke kreieren.

Hier findest du zwei Beispiele ind er Bildbeschreibung: Buchvorstellung
Diesen soeben beschriebenen Block für Fließtext und das kleine Kästchen für die Buchinformationen ...

3. BBCode einsetzen

So sieht der Code in der oben verlinkten Bildbeschreibung aus:

[big]Ich freue mich sehr Euch Gretas neues Buch vorstellen zu dürfen.
Ich wünsche ihr viel Glück und Erfolg mit diesem Buch.
 
[h2]Obdachlose Meisen[/h2]
[txtbox01]Dieses Buch musste ich einfach schreiben, um meinen obdachlosen Meisen nach ihren Rundflügen wieder eine Heimat zu geben. Leider hat es mir wegen ihrer regen Betriebsamkeit einige Probleme bereitet, sie ordentlich zu sortieren. Ich habe mein Bestes gegeben. Trotzdem kann es sein, dass hin und wieder eines aus der Reihe tanzt. Aber wir tun das ja auch ab und zu. Und macht das nicht den Reiz des Lebens erst aus?
 
Nun hoffe ich, auch Sie haben ein Herz für diese lieben Tierchen. Dann könnte es sein, dass sie ihnen dafür ein paar erheiternde Momente schenken. Ich wünsche Ihnen ganz viel Spaß beim Lesen meiner Gedichte und Limericks mit viel Phantasie und verrückten Pointen von Frühling bis Winter.
 
Ihre Greta Hennen[/txtbox01][/big]
 
[buchinfo][big]Obdachlose Meisen[/big]
Schmunzelgedichte
 
Sprache: Deutsch
ISBN: 9783737591768
Format: DIN A5 hoch
Seiten: 132
Altersempfehlung: keine Altersbeschränkung (0 - 99)
Erscheinungsdatum: 25.02.2016
 
15,00 €€[/buchinfo]
 

... und noch ein Tipp:

Wenn es zu anstrengend ist, den Code einfach so runterzuschreiben, könnt ihr ihn in einem Forumsbeitrag mit Iconbar erstellen, dort kopieren und in die Bildbeschreibung einfügen. Dafür würde ich ein Forum anlegen und die Rechte nur für berechtigte Gruppen setzen - Mods und Admins z.B.