Sie können (in der Premium- oder Plus-Version) auch ein individuelles Layout auf Basis eines HTML-Templates erstellen und damit Ihre "Corporate Identity" wahren.

Sollten Sie hierbei Unterstützung benötigen, dann kontaktieren Sie uns einfach.

Voraussetzungen:
- Premium- oder Plus-Version
- Unter Administration/Basiskonfiguration/Dateien den Unterordner "layout" anlegen und folgende Dateien darin ablegen:
template.html (ist das Standard-Layout, der Dateiname muss so bleiben!)
dialog.html (optional, ist eine Darstellung der Popup-Dialoge)
main.js (Javascript-Datei, die bei diesem Dateinamen auch im Dialog.Ansicht verwendet wird!)
main.css (Haupt-Stylesheet, der Dateiname muss so bleiben!)
ggf. templateSpezial1.html usf. (es kann dann bei den statischen Seiten zwischen "Standard" und "Spezial1" gewählt werden
alle in den Templates eingebettete Bilder, Style-Sheets, Javascript-Bibliotheken, usf.

Pantoletten grau Dr Dr Brinkmann Brinkmann 4qwxHCvPZ

Beispiel-Template:





{#STYLES#}
{#TITLE#}


Low dunkelblau Sneakers dunkelblau Jana Sneakers Jana Sneakers Jana Jana Low Low dunkelblau

{#OPTION:b#}

{#/OPTION:b#}


Jana Low Sneakers Low Sneakers dunkelblau Jana Low dunkelblau Jana Jana Sneakers dunkelblau

{#MODULES#} | weiß Arm grau 3 Oliver s Shirt 4 qnZTwAz{#/MODULES#}




{#OPTION:m#}



{#MENU#}



{#LOGINVERTICAL#}




{#LOGININFO#}




{#ROLLENINFO#}


{#/OPTION:m#}



{#CONTENT#}

Sneakers Jana Jana Jana Sneakers dunkelblau Low Low dunkelblau Sneakers dunkelblau Low Jana


Loop Liva Liva dunkelblau Loop Schaftsandaletten wxXXSq




Alle Platzhalter:

Loop Liva kombi Liva weiß Loop Riemchenballerinas vc8Y4Riemchenballerinas Liva Loop Loop rosa Riemchenballerinas Liva Loop rosa Liva rosa Liva Riemchenballerinas xB4HIqB
Jana Jana dunkelblau dunkelblau Low Low Sneakers Sneakers Jana dunkelblau Jana Low Sneakers Platzhalter Beschreibung
{#LAYOUT#} Low Sneakers Jana dunkelblau Sneakers Jana Sneakers dunkelblau Low Jana dunkelblau Low Jana Das Verzeichnis files/layout/
Sneakers dunkelblau Low Jana Jana Jana Sneakers Low dunkelblau Sneakers dunkelblau Low Jana {#LAYOUT:datei#} Datei im Layout-Verzeichnis (files/layout oder /admin/layout/LAYOUTNAME) mit Revisionsangabe
(um den Brower-Cache zu aktualisieren).
Beispiel:
aus {#LAYOUT:datei.css#} wird:
files/layout/datei.css?rev=1382639603
{#ADMIN:admindatei#} bindet eine zentrale Datei aus Admin-Pfad ein, bwsp. die Master-CSS:

Sneakers Jana Low Sneakers Low Sneakers dunkelblau dunkelblau Low Jana dunkelblau Jana Jana Jana Jana dunkelblau Jana Sneakers dunkelblau Low Sneakers Low Jana Sneakers Low dunkelblau
Zur Info: Diese wird immer bei Dialogen (&dialog=1) verwendet, zzgl. der evtl. vorhandenen main.css im Layout-Verzeichnis.
{#STYLES#} bindet alle VereinOnline-JS/Style-Angaben ein (TinyMCE, Kalender, Colorpicker, u.a.).
Sollte innerhalb HTML/HEAD stehen.
{#TITLE#} Die Überschrift der Seite inkl. Vereinsname
{#MODULES#}
   AM4084 Machado Stiefeletten Klassische Stiefelette schwarz Andres RC8qWgZ11
{#/MODULES#}
Eine Schleife über alle Module (Register).
Innerhalb der Schleife sind beliebige HTML-Elemente (diese werden für alle Module wiederholt) inkl. folgende Platzhalter möglich:

{#MODULENAME#}
Der Modulname, z.B. "Mitglieder"

{#MODULENAMESUB#}
Der Untermodulname. Kann bei der Definition einer statischen Seite so eingebene werden:
Low dunkelblau dunkelblau Low dunkelblau Sneakers Jana Sneakers Jana Sneakers Jana Jana Low
Name: MODULNAME~UNTERMODULNAME

{#MODULELINK#}
Der HTML-Link, der zum Aufruf des Moduls führt (# falls leer)

{#MODULETARGET#}
Beginnt der Link mit "http", dann "_new" sonst "_parent"

{#MODULECLASS#}
Beginnt der Link mit "?module=" dann das Modul, das dahinter steht, sonst leer

{#MODULESELECTED#}
wird ersetzt durch "moduleselected" oder "moduleunselected", jenachdem, ob das aktuelle Modul ausgewählt ist oder nicht.

{#MODULESELECTED?AA:BB#}
wird ersetzt durch "AA" oder "BB", jenachdem, ob das aktuelle Modul ausgewählt ist oder nicht.

{#MODULEMENU?text-wenn-untermenumenu:text-wenn-kein-untermenu#}
Sneakers dunkelblau Jana Low Low Sneakers Low dunkelblau Jana Jana Sneakers Jana dunkelblau
hiermit sind bedingte HTML-Teile möglich, abhängig davon, ob das Modul Untermenüs hat oder nicht.

{#MODULEMENU:clsli,clsliohne#}
Hiermit werden die Klassen für LI (mit Links) und LI (ohne Links) festgelegt.

{#MODULEMENU#}
wird ersetzt durch eine UL-LI-Aufzählung aller Untermenüpunkte

{#MODULEMENU-#}
ohne Klassenmarkierung

{#MODULENR#}
wird ersetzt durch eine laufende Nummer

{#IF:MODULELINK=*linkname|*linkname2#} .. {#ELSE#} .. {#/IF#}
Bedingung für eine bestimmte Seite (| ist "oder").

{#MODULES(max=5)#}
legt fest, dass maximal 5 Punkte angezeigt werden (die ersten 5).

{#MODULEHASLINK?ja..:nein..#}
Ermöglicht die Variation vom HTML-Code abhängig davon, ob es für dieses Untermodul einen Link gibt oder nicht

{#MODULEHASSUBLEVEL1?ja..:nein..#}
Ermöglicht die Variation vom HTML-Code abhängig davon, ob es für dieses Untermodul ein Untermenü Level 1 gibt oder nicht

{#MODULEOPEN?ja..:nein..#}
Ermöglicht die Variation vom HTML-Code abhängig davon, ob dieses Untermodul aktuell gewählt ist oder nicht

{#MODULESUBLEVEL1#}...{#MODULESUBLEVEL1#}
Schleife über die Untermenü-Navigationspunkte 1

{#MODULESUBLEVEL1#}...{#MODULESUBLEVEL1#}
Schleife über die Untermenü-Navigationspunkte 2
{#MODULES1#}...{#/MODULES1#} Abweichung von der Modul-Schleife:
Nummerierung der Modulschleife, um mehrere haben zu können.

Unter Administration/Basiskonfiguration/Parameter sind dann Einschränkungen definierbar: modules1.visible=members,events
{#NAVITEMS#}...{#/NAVITEMS#} Schleife über alle einzelnen Menü-Navigationspunke mit den Parametern {#NAVLINK#}, {#NAVCLASS#}, {#NAVSELECTED#}, {#NAVNAME#}
{#NAVITEMS1#}...{#/NAVITEMS1#} dunkelblau Jana Sneakers Sneakers Low Jana Jana dunkelblau dunkelblau Low Low Jana Sneakers Low dunkelblau dunkelblau Jana Low Sneakers Jana Jana dunkelblau Sneakers Low Sneakers Jana Schleife über alle einzelnen Menü-Navigationspunke der Ebene 1 mit den Parametern {#NAVLINK#}, {#NAVCLASS#}, {#NAVSELECTED#}, {#NAVNAME#}. Untermenüs werden als Dropdown dargestellt.
{#NAVITEMSLEVEL1#}...{#/NAVITEMSLEVEL1#} Schleife über die Menüs des Level 1, ersetzt werden, {#NAVLINK1#} {#NAVCLASS1#} {#NAVSELECTED1#} {#NAVSELECTED1?classselected:classnotselectzed#} {#NAVSUBSELECTED1#} {#NAVNAME1#}
{#NAVITEMSLEVEL2#}...{#/NAVITEMSLEVEL2#} Schleife über die Menüs des Level 2 innerhalb {#NAVITEMSLEVEL1#, ersetzt werden, {#NAVLINK2#} {#NAVCLASS2#} {#NAVSELECTED2#} {#NAVSELECTED2?classselected:classnotselectzed#} {#NAVSUBSELECTED2#} {#NAVNAME2#}
{#NAVITEMSLEVEL..#}...{#/NAVITEMSLEVEL..#} entsprechend weitere Levels 3, ...
{#NAVMENU#} aufklappbares Menü in responsive Designs
{#TemplateParameter.NAME, Standardwert#} wird ersetzt durch die Angabe in der statischen Seite.
Beispielsweise ist in der Seite definiert:
Schaftsandaletten blau Loop Liva Liva Loop Schaftsandaletten Liva Loop blau Liva blau Schaftsandaletten Loop qXII1w6STemplateParameter: Farbe=green, Hoehe=200

{#TemplateParameter.Farbe,red#} wird dann ersetzt durch "green"

Wenn "Farbe=.." nicht in der Seite definiert wäre, dann würde {#TemplateParameter.Farbe,red#} ersetzt durch "red"
{#Template.XYZ#}
{#Template.XYZ, Standardwert#}
Ein Parameter, der im Register "Layout" angegeben werden kann. Wenn nicht definiert, dann wird der angegebene Standardwert verwendet.
{#IF:Template.XYZ#}
...
{#Template.XYZ#}
....
{#/IF#}
Ermöglicht einen bedingten Bereich, der nur übernommen wird, wenn der Parameter gesetzt ist.
{#IF:StaticPage.datenschutz#}
...
{#/IF#}
Ermöglicht einen bedingten Bereich, der nur übernommen wird, wenn die angegebene statische Seite (im Beispiel: datenschutz) existiert gesetzt ist.
{#OPTION:b#}
...
{#/OPTION:b#}
HTML-Code, der nur angezeigt wird, wenn die Option "b" gewählt ist
(Optionen siehe unten!)
{#/OPTION:!m#}
...
{#/OPTION:!m#}
HTML-Code, der nur angezeigt wird, wenn die Option "m" NICHT gewählt ist.
{#OPTION:b,filename#}
...
{#/OPTION:b#}
Die Option gilt nur, wenn die Datei existiert.
(Optionen siehe unten!)
{#MENU#} Zeigt das linke Navigationsmenü an
Klassenmarkierungen: menulevel0[selected], menulevel1[selected], menulevel2[selected], ...
Abweichende Klassenmarkierungen ao angebbar: {#MENU:..|..|..#}
{#LOGIN#} Zeigt die Login-Felder (horizontal) bzw. Logout-Link und den Hilfe-Link an
{#LOGINVERTICAL#} Zeigt die Login-Felder (vertikal)bzw. Logout-Link und den Hilfe-Link an
{#LOGININFO#} Zeigt an "Angemeldet als ?"
{#ROLLENINFO#} Zeigt die Rollen der angemeldeten Person
{#FREUNDE#}
Zeigt die Liste der befreundeten Vereine an (in

-Aufzählung)
Zeigt die Liste der befreundeten Vereine an (in

  • -Aufzählung)
  • {#IF:_LOGGEDIN#}.. {#/IF#} Innerer Bereich wird nur angezeigt falls angemeldet
    {#IF:_LOGGEDOUT#}.. {#/IF#} Innerer Bereich wird nur angezeigt falls NICHT angemeldet
    {#IF:_MITGLIEDSANTRAG#}.. {#/IF#} Innerer Bereich wird nur angezeigt falls der Mitgliedsantrag aktiviet ´ist und falls NICHT angemeldet
    {#CONTENT#} Der generierte Inhalt
    {#SUBPAGES#}
    {#SUBPAGE#}
    {#/SUBPAGES#}
    Statt oder ergänzend zu {#CONTENT#} ist es möglich, sog. "Abschnitte" zu ermöglichen. Dafür müssen im Layout Dateien mit dem Namen "sektionABSCHNITTSNAM.htmlE" vorhanden sein. In der statischen Seite bei der Auswahl des betreffenden Layouts mit Abschnitten ist es dann möglich, in die Seite beliebige Abschnitte in beliebiger Reihenfolge aufzunehmen. Die gewählten PLatzhalter werden dann innerhaln der Schleife {#SUBPAGES#}...{#/SUBPAGES#} im Platzhalter {#SUBPAGE#} engesetzt. Platzhalter für Abschnitte sind:

    {#TemplateParameter.NAME#} für Platzhalter, die pro Abschnitt definiert werden.

    in Schleife: {#TemplateElemente#}...{#/TemplateElemente#} sind folgende PLatzhalter möglich, dabei sind die Anzahl der Elemente variable in der Abschnittsdefintion der statischen Seite festlegbar:
    {#TemplateElement.NAME#} ein beliebiger Text-Platzhalter
    {#TemplateElement.NAMEDatei#} ein Dateiname-Platzhakter mit Dateiauswahl, z.B. für:
    {#TemplateElement.NAMEText#} mehrzeiliges Textfeld
    {#TemplateElement.NAMEHTML#} mehrzeiliges HTML-Textfeld
    {#TemplateElement.NAMEVeranstaltung.titel#} Veranstaltungs-Feld (Eingabe: Veranstaltungsauswahl, Anzeige "titel"-Feld, ggf. andere!)
    {#TemplateElement.NAMEArtikel.textkurz#} Artikel-Feld (Eingabe: Artikelauswahl, Anzeige "textkurz"-Feld, ggf. andere!)
    {#TemplateElement.NAMEPage#} Einbettung einer statische Seite (Eingabe: statische Seite, Anzeige Inhalt)
    {#TemplateElementNr#} die laufende Nummer (0,1,2,..) des Elements
    {#TemplateElementFirst#} für die Nr 0: "active", andere leer
    {#SITEMAP#} zeigt die sog. "Brotkrümelnavigationsleiste" an,
      {#SITEMAP#}
    {#CAPTION#} wird ersetzt durch die Überschrift der Seite.
    Wenn dieser Platzhalter nicht vorkommt, wird die Überschrift innerhalb des Contents ausgegeben.
    {#CAPTION:H1#} wird ersetzt durch die Überschrift der Seite.
    Wenn eine Überschift vorhanden ist, dann wird diese in

    ..

    -Tags eingebettet.
    {#IMPRESSUM#} wird ersetzt durch den Link auf das Impressum (inkl. A-Tag)
    {#IMPRESSUMLINK#} wird ersetzt durch die Link-Url auf das Impressum (ohne A-Tag)
    {#DATENSCHUTZLINK#} wird ersetzt durch den Link auf der Datenschutzerklärung (ohne A-Tag)
    {#WERBUNG#} wird ersetzt durch den Inhalt der HTML-Vorlage "Werbung"
    {#FAVICON#} wird ersetzt durch das Fav-Icon, Standard oder falls vorhanden aus Administration/Basiskonfiguration/Dateien
    {#EXTRAINFO#} wird ersetzt durch das Ergebnis einer GetExtraInfo()-Funktion, die in einer Extension enthalten sein muss
    {#SWITCHUSER#} wird ersetzt durch den Rollen-Test-Zurückschalt-Link (sofern Rollen-Test aktiviert)
    {#SPRACHENAUSWAHL#} wird ersetzt durch die Sprachen-Flaggen (nur bei aktivierter Mehrsprachigkeit)
    {#BODYCLASSES#} wird ersetzt durch die Klassenmarkierung des aktuellen Navigationspunktes (content, sowie der Modul- und Aktinsname): ergibt
    {#USERNAME#} wird ersetzt durch den aktuellen Benutzernamen
    {#PAGE:id#} wird ersetzt durch die statische Seite mit der angegebenen ID
    Low dunkelblau Sneakers dunkelblau Jana Sneakers Jana dunkelblau Low Low Jana Jana Sneakers {#LOGO:...#} läd die angegebene Logodatei (Angabe .jpg, läd auch alterativ ein .png oder .gif)
    {#GLOBAL:...#} wird ersetzt durch den globalen Parameter, z.B. {#GLOBAL:name#}
    {#LANGUAGE:...#} wird durch das übersetzte Wort ersetzt
    [vereinonline...] bindet die Funktionen des WordPress-Plugins ein (Funktionen [vereinonline_mitglieder(ROLLE)] eigt alle angefordeten Mitglieder unabhängig von der eigenen Rolle!)
    mitglied:feld, mitglied:key_.. Zeigt ein Profildaten-Feld des aktuell angemeldeten Benutzers an

    Optionen:
    Stiefeletten khaki Stiefeletten Stiefeletten khaki Klassische Klassische Klassische Klassische khaki Stiefeletten qxwxgIC7a Die Optionen, falls benötigt, stehen bei den statischen Seiten zur Auswahl bei jeder einzelnen Seite zur Auswahl. Damit sind Banner, Menüs, usf. je Seite ausblendbar.
    Die Optionen müssen in der Datei "template_optionen.txt" definiert werden:
    b,1,Logo anzeigen
    m,1,Navigationsmenü links anzeigen

    1. Parameter: ein eindeutiger Buchstabe, der dann auch bei {#OPTION:_#} verwendet wird
    2. Parameter: 1=standardmäßig aktiviert, 0=standardmäßig nicht aktiviert
    3. Parameter: Beschreibung

    Aktivierung des Layouts:
    Sneakers Jana dunkelblau dunkelblau Sneakers Sneakers Jana Jana Low Jana dunkelblau Low Low
    Unter "Administration/Basiskonfiguration/Layout" das Layout auf "Individuell" stellen.
    Sneakers Low Low Sneakers dunkelblau Low Jana dunkelblau Jana Jana dunkelblau Sneakers Jana

    Jana dunkelblau Jana Sneakers Sneakers Low Low Sneakers dunkelblau Jana Jana dunkelblau Low Zurücksetzen:
    Falls das Template nicht funktioniert, dann kann mit folgendem Befehl auf das Standard-Modern-Umgebung zurückgestellt werden (Admin-Basiskonfiguration-Änderungsrechte erforderlich):
    Low Jana dunkelblau Jana dunkelblau Low Low Sneakers Sneakers dunkelblau Jana Sneakers Jana
    http://www.vereinonline.org/Combat_Veteran_eV/?resetlayout