2 Blöcke, um zwischen verschiedenen Abschnitten innerhalb einer Seite zu navigieren, die Ankernavigation, die man üblicherweise nur einmal oben auf der Seite benötigt und der Ankerpunkt:

Ankernavigation, Abschnitt, Akkordeon, Alert Box, Aufklappbarer Bereich, Bildergalerie

Längere Webseiten durch Abschnitte mit farbigem Hintergrund versehen. Dadurch wird auch das Layout darin liegender Blöcke farblich automatisch angepasst. Zusätzlich werden Abstände zu den anderen Abschnitten eingefügt.

Geschachtelter Block Akkordeon, welcher einzelne Akkordeon-Elemente beinhaltet. Mit Suchfunktion.

Hier in die Akkordeon-Falte kommt der eigentliche Inhalt. Hier sollte nichts stehen, was jemand suchen könnte, sonst verstecken Sie dies.

Beliebige Inhalte möglich, aber halten Sie es einfach.

Mit der Lightbox fügen Sie Bilder ein, die anschließend bei Klick vollflächig in einer Lightbox angezeigt werden.

Mehr zum Urheberrecht und dem Recht am eigenen Bild

Bilder mit Beschreibungstext in einer Galerie mit Sliderfunktion. Bei Klick vollflächig mit Lightbox. Zusätzliche Möglichkeit, Thumbnails der weiteren Slides einzublenden.

Mehr zum Urheberrecht und dem Recht am eigenen Bild

Button in unterschiedlicher Darstellung, mit Icon/ohne etc.

Einfügen eines oder mehrerer Key Facts mit Icons, Headlines und Copytexten.

Block zur Darstellung der Kontaktdaten einer Person, die sich nicht in personen.uni-mainz.de befindet.

IdM ist aus datenschutzrechtlichen Gründen immer vorzuziehen, denn dort ist der Nutzung des eigenen Bilds bereits zugestimmt worden.  Es dürfen dort nur Fotos hochgeladen werden, für die die Person auch die Bildrechte besitzt. Mehr zum Urheberrecht und dem Recht am eigenen Bild

Der Kontakt-Block ist eigentlich eine Alertbox mit Zusatzfunktionen, Sie könnten Sie also auch so verwenden:

Kontakt Raster

Einfügen der Kontaktdaten einer Person im Raster:

Liste mit Punkten oder Zahlen.

• Fasse Dich kurz!
• Konditional vermeiden!
• KISS = Keep it simple, stupid

Erstellung einer aufzählenden oder nummerierten Liste. Auch mit Unterpunkten und Icons.

Hiermit stellen Sie mehrere Logos oder Bilder nebeneinander dar und hinterlegen optional einen Link.

Mehr zum Urheberrecht und dem Recht am eigenen Bild

Der „Modaler Dialog“ Block kann benutzt werden, um Inhalte hinter einem Button zu „verstecken“ – die Informationen werden dann in einem Pop-Up gepflegt und dargestellt. Die Buttons sind farblich änderbar.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

—

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.

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 amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. 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.

asdfasdf

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at duo dolores et eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Ein graues oder günes Banner mit Bild, Liste Titel und einfachem Text

Bitte aufpassen… 😉

• Listenpunkt 1
• Listenpunkt 2
• Listenpunkt 3

Standard-Icon ist das Schild mit dem Ausrufezeichen. Hierfür kann auch ein anderes Icon ausgewählt werden (über: Icon ersetzen).

Darstellung von Zahlen, die im Frontend hochzählend angezeigt werden können. Mit austauschbaren Bildern und textlicher Erklärung.

Geschachtelter Block zur Darstellung eines mehrstufigen Prozesses. Quasi eine nummerierte Liste mit beliebigem Inhalt.

Gruppe aus verschiedenen Registerkarten. In die verschiedenen Register kann unterschiedlichster Content untergebracht werden.

Hier kann man Text und andere Inhalte aufbewahren.

Text und auch beliebige andere Blöcke haben hier ihren Platz. Der Slug wird aus dem Titel gebildet. Benötigt man den slug für verlinkungen, empfielt sich, ihn selbst zu schreiben.

Block zur Darstellung bestimmter Schwerpunkt-Informationen in tabellarischer Form oder mit Balken/Prozentdarstellung. Drei Farben sind möglich: Rot, Asphaltblau und Grau

Standardisierter Seitenkopf für JGU-Webseiten das im Aussehen veränderbar ist.

In diesen geschachtelten Slider fügen sie beliebig viele Slider Elemente ein. Diese wiederum enthalten andere Blöcke oder Medien, die automatisch eingeblendet werden und die eine Sliderfunktion haben. Die Anzahl der gleichzeitig angezeigten Slider Elemente pro Seite setzen Sie variabel für verschiedene Anzeigegeräte.

Slider groß mit Paginierung und Pfeilen ohne Lightbox

Erstellt ein Schritt-für-Schritt-Formular zur Enscheidungsfindung. Nicht trivial.

Block-Box, in der Sie Text mit Bildern, Videos oder Audioinhalten kombinieren.

Block zur Darstellung eines Testimonials mit Zitat, Zitatgeber und Text.

Dies ist so aufgebaut, daß in einem Spalten-Block zwei gleich breite Spalten enthalten sind. Die linke Spalte enthält den Block Testimonial und die rechte Spalte enthält diesen Text. Beim Standard-Block Zitat fehlt im Unterschied zum Testimonial das Anführungszeichen.

Darstellung der unterschiedlichen Überschrift-Varianten.

Block zur Darstellung eines Videos mit änderbarem Buttontext und auf Wunsch mit Beschreibungstext.