Musterseite 00 - Simone Schwarz (H1)

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 (H2) (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ü)

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 (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:

  1. Desweiteren können Zeichen tiefgestellt2 oder hochgestellt2 werden.
  2. Listen sind einfach oder nummeriert darstellbar.
  3. 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)

NrSpalte 1Spalte 2
1ax
2by

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: 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

PDF

News-Link: Link zu einer News

 

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.

Interner Link: Bsp. für einen eingefügten Datensatz auf Unterseite 02

 

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)

Bilder

©Leuphana/Jannis Muser
Lorem ipsum Beschreibung
©Leuphana Bildarchiv
Beschreibung

Web-Content-Bild mit optionaler Slider-Funktion (H4)

©Leuphana/Jannis Muser
Ausgangsformat: 1600 x 1068
©Leuphana/Jannis Muser
Studierende vor dem Zentralgebäude unterhalten sich im Stehen und auf Stühlen sitzend, einige Personen laufen auf das Zentralgebäude zu

Section Image Groups (H3)

Image Group (3 Bilder) (H4)

©Leuphana/Jannis Muser
©Leuphana/Jannis Muser
©Leuphana/Jannis Muser

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)

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 Kachel Liste (Tile list) (H3)

Section Dateilinks

Weiterführende Infos

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