Benutzer-Werkzeuge
cookbook:jquerytabs
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen gezeigt.
| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
|
cookbook:jquerytabs [2015/04/16 10:52] shadowcat |
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: | 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: | 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. | 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. | ||
| Zeile 19: | Zeile 19: | ||
| 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: | 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?direct&300|}} | + | {{: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|}} | ||
cookbook/jquerytabs.1429174335.txt.gz · Zuletzt geändert: 2015/04/16 00:00 (Externe Bearbeitung)
Seiten-Werkzeuge
