Inhalte in Tabs und als "Akkordeon" auf einer Seite einbinden

Ähnliche Dokumente
1) Begriffserklärung. Modulgruppe. Seitenbaum. Arbeitsbereich. Modul

News. Einleitung. Ansicht im Frontend. Typo3-Support

Ausgabe der Veranstaltungen

TYPO3. Dateien hochladen

Was ist neu bei TYPO3 mit Version 7.6

Einfügen des News Plugins auf einer Webseite

Tiscover CMS 7. Neuerungen im Vergleich zu Tiscover CMS 6

Login. Mit Passwort & Benutzernamen anmelden

Das Grundschema einer Dienstleistungs-Seite im Bereich Dienste und Leistungen:

Content Management System Larissa Version:

TYPO3 Content-Management-System für

Seiten anlegen, ändern, verschieben und löschen

1 Zugriff auf die Inhaltsseiten. 2 Anlegen von Inhaltsseiten. 3 Erstellen von Inhalten. Erstellen und Konfigurieren von Inhaltsseiten in Typo3

Adventskalender. Best Practice. Schritt für Schritt Dokumentation. Wie Sie einen Adventskalender einrichten. Stand:

Rasterelemente. Einsatz und Gestaltung. Zeile

Open Cms 10 Apollo Template. Anleitung OpenCms 10 Apollo Template. Reiter/Akkordeon. Version 1.0

Powermail Formularbaukasten

Einführung: Content Management Systeme Typo3

1 Allgemeines zur CommSy-Leiste Meine Portfolios Meine Widgets Meine Ablage Mein Kalender Meine Kopien...

muenchen oberland.de

5.1.1 Dateilinks hinzufügen

Version Pädagogische Hochschule Freiburg, Peter Huppertz

Typo3 ist ein Content-Management-System (CMS), mit dem die Web-Seiten erstellt und editiert werden.

In der Modulverwaltung werden sowohl neue Module angelegt, als auch Bestehende verwaltet.

TYPO3-Blockseminar. am 23. und 30. September Sibylle Nägle, Tanja Bode. TYPO3 Blockseminar, Seite 1

Zusatzoption: Aktuelle Meldungen Erstellung einer Vorlageseite für die Meldungen

Handbuch für Redakteure. Schritt-für-Schritt Anleitung für Redakteure zum Erstellen von Inhalten für Pappenheim.info

Erstellen von Web-Inhalten

Kurz FAQ - Typo3. Login zum Editieren

Vorbereitung Ihres Homepage-Baukastens für den Newsletter-Versand mit CleverReach

Startseitenartikel in TYPO3

Eine Linkliste in Word anlegen und zur Startseite des Browsers machen

Plug-In: Personalliste

Arbeiten mit Nachrichten im Fakultäts-Typo3-System

Handbuch Website. Handbuch Redakteure Fakultät. Handbuch Website. CMS TYPO3 (Version 4.6) Dokument-Version: 1.0

Typo3 Dokumentation. Erklärungen und Anmerkungen zum Umgang mit dem Content Management System Typo3. Version und älter

Anlegen von Serviceboxen

TUTORIAL FÜR AUTORINNEN UND AUTOREN

Slider-Galerie anlegen

2.1 Grundlagen: Anmelden am TYPO3-Backend

Aufklappelemente anlegen

Umgang mit Teasern und Seitenlayout in TYPO3 / Maud Mergard / SK /

Seminar Webseiten mit Joomla

Bedienungsanleitung der Wissensdatenbank

TYPO3 für Redakteure

Kurzanleitung. Erstellung und Verwendung der neuen Inhaltselemente und Gestaltungsmöglichkeiten im Landesportal.

Portalseiten in Open-Cms

Typo3 Tutorial Bildarchiv

URZ ABTEILUNG ANWENDERUNTERSTÜTZUNG. Erstellen passwortgeschützter Inhalte im URZ-Typo3

Dokumentation. Content-Manager

Anleitung für Pfarrbrief-Redakteure -

Was ist neu bei Typo3 mit Version 6.2

Meine Portfolios im CommSy

Joomla Medien Verwaltung. 1)Medien auf den SERVER laden:

Der neue persönliche Bereich/die CommSy-Leiste

Animationen anzeigen und erstellen

Einführung für Redakteure

Typo3 Tutorial Aktuelle Projekte

Filterlisting. Modul für xt:commerce Veyton. Plugin-Funktionen... Systemvoraussetzung... Template-Anpassung...

IMS-Audit Pro. Kurzanleitung 2 / 14

TYPO3-REDAKTEURSHANDBUCH

Markiere den gesamten Text und lösche ihn. Dann schreibe einen neuen. Ändere auch den Titel (wegen der Suche bei Google).

Schwebende DIV-Container erzeugen

Liebe Webseitenredakteure/-innen aus den diözesanen Steuerungsgruppen,

aixstorage Ihr sicherer Datenspeicher in der privaten Cloud Benutzerhandbuch

RÖK Typo3 Dokumentation

Special Boxes. Modul für xt:commerce Veyton. Plugin-Funktionen... Systemvoraussetzung... Template-Anpassung...

TYPO3 Kursangebot Oktober 2017 Ab Herbst beginnen wieder die TYPO3 Kurse, zu denen wir Sie sehr herzlich

Leitfaden für die Veränderung von Texten auf der Metrik- Seite

Nutzerleitfaden für den Wissensverbund Innenverwaltung

TYPO3-Kurzreferenz für Redakteure

Typo3 Handbuch für Redakteure

Typo3 Handbuch für Redakteure

Kurzanleitung Typo3 Pflege

Verknüpfen & Einbetten von Daten

Typo3 Benutzerhandbuch

Ressourcenpool. Anleitungen für Merlin Project ProjectWizards GmbH

Seiten und Navigationspunkte

LuVHS. Version: ARONET GmbH Alle Rechte vorbehalten.

Hinweis: 7 Meldungen anlegen und verwalten

Anleitung: Transfer der NS-Server zu NET WÄCHTER bei Strato

Dateien verwalten (Bilder, Dokumente, Medien)

Bedienhinweis Aufgabenliste in der

Redaktionelles Handbuch für das TYPO3-CMS der Universität Osnabrück

Dokumente verwalten mit Magnolia das Document Management System (DMS)

Der RTE ist kontextsensitiv, d. h. Optionen werden passend zum ausgewählten Text angezeigt.

So einfach geht es Unterlagen zur Einführung in das Internet/Intranet-Redaktionssystem der Kliniken MTK Stand: , Bjoern Koester

Camtasia-Anleitung für Vorlesungsaufzeichnungen. (im ZHG und diversen anderen Räumen der Universität Göttingen)

Wie kommt das Material aber nun zu den Schülern in die "virtuelle" Klasse und dann in das Courselet? Das erfahren Sie auf den folgenden Seiten.

Aufruf. Beschreibung. Screenshot. Im Backend über die Kontaktverwaltung.

Mandatierte Eigenschaften mit Angaben in Freien Belegfeldern vergleichen.

Handout für das TYPO3-System (später

Modul Ressourcen

1. Klicken Sie auf die Menüschaltfläche und wählen Sie Add-ons. Die Add-ons- Verwaltung öffnet sich.

Das Bundesland wechseln: (in der Demoversion nicht möglich) Klicken Sie auf Extras / Optionen Anschließend auf den Reiter Ferienordnung

Copyright 2006 Institut für Hochbau und Technologie, Ch. Rochelt,

Datenbank konfigurieren

DOKUMENTATION. ClubWebMan Photoalbum. mit dem Photobook Plugin erstellen.

Termine in CommSy anlegen, gestalten und koordinieren

Transkript:

Inhalte können übersichtlich und etwas platzsparender in Tabs und als "Akkordeon" über das Plug- In Mehrfache Inhaltselemente auf einer Seite eingebunden werden. Beispiel für Tabs (Tabulatoren): http://www.tu-ilmenau.de/13499 Beispiel für Akkordeon (aufklappbare Bereiche): http://www.tu-ilmenau.de/13500 Anleitung: 1. Modul Seite wählen 2. Die entsprechende Seite im Seitenbaum anklicken 3. ein Neues Element anlegen 4. Das Plug-In "Mehrfache Inhaltselemente" wählen 5. Seite Mehrfache Inhaltselemente bearbeiten: im Reiter Allgemein Überschrift und Rahmenoption angeben, im Reiter Plug-In Inhalte einfügen bzw. bearbeiten, Tabulator oder Akkordeon auswählen Im Reiter Title können optional die Titel für die Tabs bzw. Akkordeon-Abschnitte angegeben werden.

im Reiter Plug-In Tabulator oder Akkordeon auswählen Optionen für Akkordeon o Automatische Höhe: wenn aktiviert, sind alle Bereiche gleich hoch, sonst haben alle Bereiche je nach Inhalt eine individuelle Höhe o Zusammenklappbar: Option sollte aktiviert werden o Beim Start geschlossen: beim Aufrufen der Webseite ist das Akkordeon zusammengeklappt o Geöffneter Inhalt und Öffne zufälliger Inhalt: Abschnitt, der beim Laden der Seite aufgeklappt sein soll, geht nur wenn Option "Beim Start geschlossen" nicht aktiviert ist o Ereignis: soll das Akkordeon per Klick (Standard) oder MouseOver geöffnet werden o Animation, Übergangsart und Übergangsrichtung: Bewegung, die das Akkordeon beim Öffnen ausführt o Übergangsdauer: Dauer der Animation in ms Empfehlung: Die Option "Automatische Höhe" sollte nicht aktiviert werden und die Optionen "Zusammenklappbar" und "Beim Start geschlossen" aktivieren.

Automatische Höhe nicht aktivieren

Optionen für Tabs: o Mit der Option Geöffneter Inhalt kann bestimmt werden, welcher Tab-Inhalt beim Öffnen der Seite zuerst angezeigt werden soll. Wird eine 1 eingetragen, dann wird der Inhalt des ersten Tabs angezeigt. Inhalt des 1. Tabs anzeigen Hinweis zur Strukturierung der Inhaltselemente im Backend: Damit die Multiplen Content-Elemente (MCE) wie Akkordeon oder Tabs richtig funktionieren, müssen die Inhalte, die darin dargestellt werden sollen, richtig angelegt werden. Pro Tab oder Akkordeon- Abschnitt kann nur ein Inhaltselement ausgewählt werden, die Überschrift dieses Elements wird im Tab / Akkordeon als Überschrift angezeigt. Unterhalb der Seite, auf der sich das MCE-Plugin befindet, wird eine neue Seite vom Typ Ordner angelegt. Direkt auf dieser Ordner-Seite (keine weiteren Unterseiten erstellen) werden die Inhalte als normale Content-Elemente erstellt. Die Content-Elemente sollten folgende Einstellungen haben: Überschrift: das, was oben im Tab / Akkordeon angezeigt werden soll Typ: "Überschriften verstecken" Rahmen: "ohne Rahmen" Im MCE-Plugin werden diese Content-Elemente ausgewählt.

Mehrere Content-Elemente auf einem Tab / Akkordeon-Abschnitt einbinden: Sollen mehrere Content-Elemente zusammen in einem Abschnitt erscheinen, so müssen diese gekapselt werden, da im MCE-Plugin nur ein Element pro Abschnitt ausgewählt werden kann. Dazu wird ein einspaltiges Flexibles Content-Element (FCE) angelegt als Container für alle Content- Elemente, die zu diesem Abschnitt gehören. Die Einstellungen oben gelten für das FCE. Im MCE- Plugin wird dann das FCE ausgewählt. Hinweis: das Icon des FCE sieht in der Auswahl (Bild 2) aus wie ein normales Textelement. Hinweis zum Kopieren von FCE's: Werden FCE + CE's kopiert und an anderer Stelle wieder eingebunden, behalten sie die "alte Verknüpfung" und müssen in dem MCE-Plugin neu verlinkt werden! Bild 1: mehrere Inhaltselemente (CE s) in ein einspaltiges FCE anlegen

Bild 2: das Icon des FCE sieht in der Auswahl aus wie ein normales Textelement. Bild 3: Einbinden der Inhalte im MCE Kleine Strukturen: Bei kleinen Strukturen bietet es sich an, die Inhalte auf derselben Seite wie das MCE-Plugin abzulegen. Dazu wird für jeden Tab / Akkordeon-Abschnitt ein einspaltiges Flexibles Content-Element (FCE) angelegt. Die Einstellungen sind wie oben. Alle Content-Elemente, die zusammen in einem Tab angezeigt werden sollen, werden in das jeweilige FCE gelegt. Im MCE-Plugin wird auf die umhüllenden FCEs verlinkt.

Bei kleinen Strukturen bietet es sich an, die Inhalte auf derselben Seite wie das MCE anzulegen.

Ansicht im Browser Beispiel für Tabs Beispiel für Akkordeon