Musterseite 00 - Simone Schwarz (H1)
Einleitungstext (H2) (Überschrift optional)
Für die visuelle und funktionale Gestaltung von Seiten stehen in TYPO3 unterschiedliche Inhaltselemente mit mehreren Optionen sowie spezifische Seiteneigenschaften zur Verfügung. Auf dieser Seite wird eine Auswahl davon dargestellt.
Section: Text zum Thema Titel (H3) (Nicht im Menü)
- Seitentitel: für kurze prägnante Webseiten-Adressen (Urls) im Browser
- Angezeigter Seitentitel: für längere Überschriften auf der Seite
- Alternativer Navigationstitel: für ein kurzes Label in der linken Navigationsleiste
- SEO-Titel: für die Beschreibung der Seite in der Vorschau der Google-Suche
Section: Text zum Thema Menü (H3) (Nicht im Menü)
Menü Sectionindex ohne umgebenden Container, ebenso die Icon Button List
Menu Sectionindex: Standard (dunkel):
- Navigation für MEHRERE Sections
- SECTIONS sind verlinkt, wenn die Überschriften mit einem Format versehen sind und im Tab Erscheinungsbild: Links: In Menüs zeigen aktiviert ist
- bleibt oben sichtbar (Sticky Menu)
Menu Sectionindex: Inhaltsverzeichnis (hell):
- Navi für EINE oder MEHRERE Sections,
- INHALTSTELEMENTE sind verlinkt
- vgl. Section Menu
Section: Text mit Listen-Formaten (H3)
Text mit Hervorhebungen und weiteren Formaten (H4)
Möglichkeiten für Hervorhebungen von Text:
- Es kann mit den Überschriften-Formaten H3 und H4 sowie
- mit Fettungen gearbeitet werden.
- Es besteht auch die Möglichkeit, Wörter kursiv zu setzen.
Weitere Text-Formate:
- Desweiteren können Zeichen tiefgestellt2 oder hochgestellt2 werden.
- Listen sind einfach oder nummeriert darstellbar.
- Außerdem gibt es die Möglichkeit Fußnoten einzusetzen: Text mit Fußnote1
1 Foot note
Section: Text mit Zitat (H3)
Blockstil Zitat in Kombination mit Fußnote (H4)
Zitate können mit der Auszeichnung „comment“ dargestellt werden. Außerdem gibt es die Möglichkeit Fußnoten einzusetzen:
Comment1
1 Foot note
Section: Text mit Tabelle (H3)
Tabelle gestreift mit Kopfzeile und 100%, sortierbar (H4)
| Nr | Spalte 1 | Spalte 2 |
|---|---|---|
| 1 | a | x |
| 2 | b | y |
Weitere Tabellen-Formate sind im ersten Dropdown-Menü im Text-Editor auswählbar.
Section: Text mit Link-Formaten (H3)
Text mit Links (H4)
- Interner Link: At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Link zur Testseite
- Externer Link (neues Fenster/ neuer Tab): At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Link zur Seite der Stadt Lüneburg
- Mail-Link: At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Link auf eine E-Mail-Adresse
- Datei-Link: Link auf ein PDF
- News-Link: Link zu einer News
Section: Text zum Thema Referenzen (H3)
Referenzen (H4)
- Referenzen sind in der Listenansicht über Informationen im 3-Punkte-Menü abrufbar.
- Referenzen sind z.B. Verlinkungen mit Seiten, Inhaltselementen, Dateien, News oder auch Verknüpfungen mit übersetzten Elementen etc.
- Ist das verlinkte Ziel nicht errreichbar, weil es z.B. deaktiviert oder gelöscht ist, wird der Link auf der Website nicht gerendert. Im Backend wird er farbig dargestellt.
- Referenzen können auch mit dem Inhaltselement „Datensatz einfügen“ erzeugt werden, um ein Element einer anderen Seite auf der eigenen auszugeben.- Änderungen am Original-Element werden im referenzierten Element angezeigt.
Section zum Ein-/Ausklappen (H3)
Text-Inhalt (H4)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Weiterer Text-Inhalt (H4)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit am Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit am.
Section: Bilder (H3)
Web-Content-Bild mit optionaler Slider-Funktion (H4)
Section: Image Groups (H3)
Image Group (3 Bilder) (H4)
Image Group Experience (3 Bilder mit Icon und optionalem Link - für Erfahrungsberichte) (H4)
Image Group Reference (3 Bilder mit Bildbeschreibung und optionalem Link bei Hover - für Testimonials) (H4)
©Leuphana/Jannis Muser
Section: Image Banner (H3)
Image Banner (6 Logos nebeneinander) (H4)
©Leuphana/Jannis Muser
©Leuphana/Jannis Muser
©Leuphana/Jannis Muser
©Leuphana/Jannis Muser
©Leuphana/Jannis Muser
©Leuphana/Jannis Muser
Section: Dateilinks (H3)
Dateilinks mit einer einzelnen Datei sowie Dateien aus einer Dateisammlung (H4)
Section: Kachel Liste (H3)
Section: Adressen und Linkliste (H3)
Visitenkarte (H4 sec)
Dipl.-Ing. Simone Schwarz
Universitätsallee 1, C10.310
21335 Lüneburg
Fon +49.4131.677-1758
simone.schwarz@leuphana.de
Titel, Name, 1-spaltig (Mit Popover) (H4 sec)
- Thomas Puls
- Dipl. Kulturpäd. Ulrike Rentz
- Christian Gatzert
- Dipl.-Ing. Simone Schwarz
- Malte Peters


