Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

--- cookbook:jquerytabs [2015/04/16 10:49]
shadowcat angelegt
+++ cookbook:jquerytabs [2015/04/16 00:00] (aktuell)
@@ Zeile 10: / Zeile 10: @@
 Hier erst mal ein Screenshot des Moduls gleich nach dem Hinzufügen einer Seite:
-{{:cookbook:2015-04-16_10_47_01-blackcat_cms_administration_-_pages.png?direct&200|}}
+{{:cookbook:2015-04-16_10_47_01-blackcat_cms_administration_-_pages.png?nolink|}}
 Mit Klick auf "Inhalte ändern" bekommt man einen WYSIWYG-Editor, um die Spalte zu befüllen:
-{{:cookbook:2015-04-16_10_48_27-blackcat_cms_administration_-_pages.png?direct&200|}}
+{{:cookbook:2015-04-16_10_48_27-blackcat_cms_administration_-_pages.png?nolink|}}
+Nun aber zu den Tabs. Um die Darstellung mit jQuery Tabs zu aktivieren, klickt man oben rechts auf "Variante setzen" und wählt dann "jQueryTab" aus der Liste.
+{{:cookbook:2015-04-16_10_49_33-blackcat_cms_administration_-_pages.png?nolink|}}
+Hierdurch ändert sich leicht die Darstellung des Backends, die Funktionsweise bleibt aber beinahe gleich. Der Hauptunterschied besteht darin, daß man nun zusätzlich einen Tab-Titel angeben kann:
+{{:cookbook:2015-04-16_10_51_38-blackcat_cms_administration_-_pages.png?nolink|}}
+Und so sieht es im Frontend aus, nachdem man ein paar Inhalte eingefüllt hat (Template Mojito):
+{{:cookbook:2015-04-16_10_53_52-blackcat_cms_-_multicolumn_demo.png?nolink|}}
+<WRAP center round info 100%>
+Natürlich läßt sich die Variante auch nachträglich noch ändern.
+</WRAP>
+Die Inhalte der Tabs als Accordion:
+{{:cookbook:2015-04-16_10_57_59-blackcat_cms_-_multicolumn_demo.png?nolink|}}
+<WRAP center round tip 100%>
+Selbstverständlich lassen sich auch mehrere unterschiedliche Varianten auf einer Seite kombinieren. Hierzu fügt man das Modul der Seite mehrfach hinzu, wählt die entsprechende Variante und füllt die Spalten/Tabs/Accordions mit Inhalten.
+</WRAP>
+{{:cookbook:2015-04-16_11_04_06-blackcat_cms_-_multicolumn_demo.png?nolink|}}

BlackCat CMS Dokumentation, Tutorials, Tipps und Tricks

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Unterschiede

Seiten-Werkzeuge