Titel Banner Bild-Text-Link
Text Banner Bild-Text-Link
Bildformat 2:1 fest.
Bild und Titel sind verlinkt.
Modul-Demonstration & -Übersicht
Dies ist das Inhaltselement "A - Artikeltext".
Über den Rich-Text-Editor(RTE) können viele verschiedene Elemente und Formatierungen eingebunden werden. Eine nähere Erläuterung zu den Funktionen des RTE finden Sie hier.
Grundsätzlich ist die Länge der Texte nicht limitiert, sollte allerdings mit Blick auf die Barrierefreiheit und allgemeine Lesbarkeit nicht überlang werden.
Falls eine sehr breite Tabelle eingefügt werden soll, kann die Checkbox "Beinhaltet der Text sehr breite Tabellen?" gesetzt werden. Dadurch werden sehr breite Tabellen nicht abgeschnitten, sondern können horizontal gescrollt werden.
| Spaltentitel | als Header definiert |
|---|---|
| Tabellen können | mit dem RTE eingegeben werden |
| beliebige Anzahl | der Zeilen |
4 Bilder nebeneinander
-
Foto: © Stadtverwaltung Erfurt
-
Foto: © Stadtverwaltung Erfurt
-
Foto: © Stadtverwaltung Erfurt
-
Foto: © Stadtverwaltung Erfurt
Foto: Im Feld "Bildunterschrift" kann ebendiese eingefügt werden.
Foto: © Stadtverwaltung Erfurt
Dies ist das Inhaltselement "A - Bild (Seitenverhältnis 2:1) zentriert mit Text".
Hiermit kann ein Bild in Verbindung mit einem Textbaustein eingefügt werden.
Über den Rich-Text-Editor(RTE) können viele verschiedene Elemente und Formatierungen eingebunden werden. Eine nähere Erläuterung zu den Funktionen des RTE finden Sie hier.
Grundsätzlich ist die Länge der Texte nicht limitiert, sollte allerdings mit Blick auf die Barrierefreiheit nicht überlang werden.
Das Bild wird automatisch auf 2:1 beschnitten. Dies ist entsprechend zu beachten, damit keine wichtigen Bildinhalte verloren gehen.
Foto: Dieses Hochformat-Bild eignet sich nicht wirklich gut für diese Darstellung
Foto: © Stadtverwaltung Erfurt
Das Seitenverhältnis 2:1 wird automatisch berechnet. Bitte Bildausschnitt überprüfen! Hochformatige Bilder eignen sich nicht für dieses Flexmodul! Mittels Anpassen vom Original lassen sich andere Bildausschnitte im Seitenverhältnis 2:1 anfertigen.
Foto: Dies ist ein Hochformat-Foto, welches links im Text eingebunden ist
Foto: © Stadtverwaltung Erfurt
Dies ist das Inhaltselement "A - Bild mit fließendem Text".
Hiermit kann ein Bild in Verbindung mit einem Textbaustein eingefügt werden. Der Text umfließt (je nach Größe des Endgeräts) den Text.
Es gibt hierbei die Auswahl, das Bild links oder rechts einzufügen. Ebenso kann man wählen, ob ein Hoch- oder Querformat Bild verwendet werden soll.
Rein technisch ist das System in der Lage auch Querformat-Fotos in Hochformat anzuzeigen. Je nach Bildinhalt ist das aber nicht immer sinnvoll.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum tempor orci luctus pulvinar. Proin faucibus, ligula id dapibus porttitor, ipsum quam pulvinar est, id eleifend risus nulla vitae mauris. Nullam non lectus maximus, tincidunt mi at, pellentesque magna. Maecenas ac vestibulum massa. In hac habitasse platea dictumst. Integer gravida lorem velit, eget lobortis nunc laoreet sed. Sed posuere ante id quam egestas, vitae faucibus augue pretium. Duis vulputate dui eu laoreet iaculis. Suspendisse potenti. Nam sed nunc convallis, volutpat ligula a, vestibulum mauris. Etiam ex mauris, sodales vel lacus vel, tempor tincidunt turpis. Praesent vitae urna eget velit mattis pellentesque id vitae lorem. Curabitur faucibus placerat lorem, id auctor libero dignissim id. Integer aliquet leo tincidunt dictum laoreet. Curabitur cursus vel eros nec bibendum. Integer nec enim ex. Donec laoreet quam a felis rutrum, sed suscipit est pulvinar. In venenatis semper ligula quis molestie. Sed eleifend tortor at lorem pellentesque dignissim eget id mi.
In et ullamcorper lectus, a convallis ipsum. Nullam sit amet mattis nunc, in placerat nibh. Curabitur non neque in lacus bibendum blandit id sit amet mauris. Cras ut quam quis ex condimentum consequat. Duis pharetra id lacus ac bibendum.
Foto: Querformat. Rechts im Text.
Foto: © Stadtverwaltung Erfurt
Ein weiterer "A - Bild mit fließendem Text" Inhaltsblock. Jetzt mit Bild auf der rechten Seite. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum tempor orci luctus pulvinar. Proin faucibus, ligula id dapibus porttitor, ipsum quam pulvinar est, id eleifend risus nulla vitae mauris. Nullam non lectus maximus, tincidunt mi at, pellentesque magna. Maecenas ac vestibulum massa. In hac habitasse platea dictumst. Integer gravida lorem velit, eget lobortis nunc laoreet sed. Sed posuere ante id quam egestas, vitae faucibus augue pretium. Duis vulputate dui eu laoreet iaculis. Suspendisse potenti. Nam sed nunc convallis, volutpat ligula a, vestibulum mauris. Etiam ex mauris, sodales vel lacus vel, tempor tincidunt turpis. Praesent vitae urna eget velit mattis pellentesque id vitae lorem. Curabitur faucibus placerat lorem, id auctor libero dignissim id. Integer aliquet leo tincidunt dictum laoreet. Curabitur cursus vel eros nec bibendum. Integer nec enim ex. Donec laoreet quam a felis rutrum, sed suscipit est pulvinar. In venenatis semper ligula quis molestie. Sed eleifend tortor at lorem pellentesque dignissim eget id mi.
Foto: Hochformat aus Querformat.
Foto: © Stadtverwaltung Erfurt
Das ist der Effekt, wenn ein "formatfalsches" Bild verwendet wird. Die vorgesehene Breite für ein Hochformatbild ist geringer, daher wird ein Querformatbild in dieser Variante zu klein ausgegeben.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum tempor orci luctus pulvinar. Proin faucibus, ligula id dapibus porttitor, ipsum quam pulvinar est, id eleifend risus nulla vitae mauris. Nullam non lectus maximus, tincidunt mi at, pellentesque magna. Maecenas ac vestibulum massa. In hac habitasse platea dictumst. Integer gravida lorem velit, eget lobortis nunc laoreet sed. Sed posuere ante id quam egestas, vitae faucibus augue pretium. Duis vulputate dui eu laoreet iaculis. Suspendisse potenti. Nam sed nunc convallis, volutpat ligula a, vestibulum mauris. Etiam ex mauris, sodales vel lacus vel, tempor tincidunt turpis. Praesent vitae urna eget velit mattis pellentesque id vitae lorem. Curabitur faucibus placerat lorem, id auctor libero dignissim id. Integer aliquet leo tincidunt dictum laoreet. Curabitur cursus vel eros nec bibendum. Integer nec enim ex. Donec laoreet quam a felis rutrum, sed suscipit est pulvinar. In venenatis semper ligula quis molestie. Sed eleifend tortor at lorem pellentesque dignissim eget id mi.
Mit dem Inhaltsmodul "A - Download erweitert" können PDF, Bilder und weitere Dateien zum Herunterladen angeboten werden. Der Benutzer hat die Möglichkeit, ein Vorschaubild und weitere Informationen zu hinterlegen.
Es können mehrere Downloads untereinander gelistet werden.
Platzhalterbild 3:2 CMS Tutorial
Copyright: Stadtverwaltung Erfurt
Redaktion: D01
3:2 Hochformat Bild als Platzhalter zu Illustrationszwecken. (Vorschaubild und tatsächliches Download-Dokument/-Bild können sich unterscheiden)
(Download-Titel) Platzhalterbild 4:5 CMS Tutorial
(WEITERER DOWNLOAD) Platzhalterbild 3:2 CMS Tutorial
(DRITTER DOWNLOAD) Platzhalterbild 3:2 CMS Tutorial
Copyright: Stadtverwaltung Erfurt
Redaktion: D01
4:5 Hochformat Bild als Platzhalter zu Illustrationszwecken
Mit dem Inhaltsmodul "A - Download-Liste" können PDF, Bilder und weitere Dateien zum Herunterladen angeboten werden.
Im Gegensatz zu "A - Download erweitert" wird hierbei aber nur eine schlichte Liste (ohne Vorschaubilder etc.) erzeugt.
Es können mehrere Downloads untereinander gelistet werden.
Mit dem Inhaltsmodul "A - E-Mail-Adresse" können E-Mail-Adressen verlinkt werden. Optional ist es möglich Betreff und Text vorzubelegen.
Der Linktext erscheint unabhängig vom hinterlegten Empfänger oder Vorbelegung von Betreff/Nachricht immer als "E-Mail".
Mit dem Inhaltsmodul "A - FAQ- oder Inhalts-Slider" können ausklappbare Text- bzw. Frage-Antwort-Blöcke erstellt werden.
Mit dem Inhaltsmodul "A - Kontakt/Visitenkarte Person/Firma" können elektronische Visitenkarten von Personen/Einrichtungen/Firmen eingefügt werden.
Musterfirma
workTel. +01 172 555-848484+01 172 555-848484
workTel. +55 65 65-65+55 65 65-65
faxFax +49 361 655-08154711
work
Straße HNr
11111 Ort
Land
Das Bild kann auch eine Bildunterschrift bekommen
Foto: © Stadtverwaltung Erfurt
Max Mustermann
Max Mustermann
Abteilungsleiter
Abteilung 123
Abteilungsleiter
Abteilung 123
workTel. +49 361 655-2111+49 361 655-2111
workTel. +49 361 655-2112+49 361 655-2112
faxFax +49 361 644-2111
work
Straße Hausnummer
12345 Musterstadt
Musterland
Das Bild kann auch eine Bildunterschrift bekommen
Foto: © Stadtverwaltung Erfurt
Das Bild kann auch eine Bildunterschrift bekommen
Foto: © Stadtverwaltung Erfurt
Mit dem Inhaltsmodul "A - Verweis" können Verweise/Verlinkungen/Hyperlinks verschiedener Art eingefügt werden.
Die Auswahl des Linktyps nimmt Einfluss auf das verwendete Symbol, welches dem Link voransteht.
Mit dem Inhaltsmodul "A - Verweis-Liste" können Verweise/Verlinkungen/Hyperlinks verschiedener Art eingefügt werden. Im Gegensatz zum vorhergehenden Inhaltsmodul kann schnell und einfach eine ganze Liste von Verlinkungen (gleichen Typs) angelegt werden.
Die Auswahl des Linktyps nimmt Einfluss auf das verwendete Symbol, welches dem Link voransteht.
Mit dem Inhaltsmodul "A - Verweis zum Online-Dienst" können Verweise/Verlinkungen/Hyperlinks zu einem (Erfurt-eigenen) Online-Dienst eingefügt werden.
Mit dem Inhaltsmodul "A - Verweis zum Stadtplan" können Verweise/Verlinkungen/Hyperlinks zu einer festgelegten Ansicht des Erfurter Geoportals eingefügt werden.
Mit dem Inhaltsmodul "A - Verweis zur zuständigen Stelle" können Verweise/Verlinkungen/Hyperlinks zu den passenden Ämtern/Ansprechpartnern gesetzt werden.
Hierzu muss die ID des Amtes eingegeben werden: https://www.erfurt.de/ef/de/rathaus/sv/aemter/stelle-***DIESE_ID***.htmc
-
Titel
Foto: © Stadtverwaltung Erfurt -
Titel
Foto: © Stadtverwaltung Erfurt -
Titel
Foto: © Stadtverwaltung Erfurt
-
Titel
Foto: © Stadtverwaltung Erfurt -
Titel
Foto: © Stadtverwaltung Erfurt -
Titel
Foto: © Stadtverwaltung Erfurt
Das System ermöglicht es, den Inhaltsbereich in verschiedene Spalten aufzuteilen.
Foto: © Stadtverwaltung Erfurt
Dies ist die linke Spalte. Sie nimmt 50% der Breite ein und kann beliebig mit Inhaltsmodulen gefüllt werden.
Foto: © Stadtverwaltung Erfurt
Dies ist die rechte Spalte. Sie nimmt 50% der Breite ein und kann beliebig mit Inhaltsmodulen gefüllt werden.
Dies ist die linke Spalte. Sie nimmt 60% der Breite ein und kann beliebig mit Inhaltsmodulen gefüllt werden.
Zum Beispiel könnte hier ein längerer Fließtext stehen.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus fermentum lorem consectetur, egestas erat nec, gravida massa. Fusce pharetra rutrum eros, sit amet bibendum quam condimentum vel. Etiam convallis vel leo nec porttitor. Sed vitae mi ultrices, tristique felis ut, pharetra lacus. Pellentesque ac elementum massa. Nullam vitae pulvinar neque, at condimentum ligula. Mauris pulvinar velit enim, nec convallis turpis cursus at. Aenean lacus diam, ultricies id purus vel, faucibus cursus nibh. Curabitur viverra nunc ut lacus feugiat, non pharetra lorem cursus. Cras aliquam arcu sit amet mi tempor lacinia. In ut lectus nisi. Mauris vestibulum lobortis neque vel faucibus. In vitae enim id urna rutrum egestas. Aliquam sit amet tellus nec metus mattis viverra. Sed eget volutpat ante, in rutrum lectus.
Suspendisse auctor nibh id vehicula pulvinar. Nam vel ullamcorper arcu. Suspendisse nec nisi pulvinar, iaculis dolor lobortis, tristique lacus. Integer maximus id lectus quis iaculis. Sed venenatis odio tincidunt, consectetur turpis eu, mollis sapien. Cras dictum, risus eu tempor blandit, justo urna imperdiet augue, non tincidunt augue ligula et velit. Morbi sed facilisis neque, ac efficitur mauris. Praesent ultrices purus eu nibh consequat consectetur. Cras lobortis mi quam. In porta libero sapien, eu lobortis dolor convallis eu. Fusce et dolor sapien. Sed nunc tellus, tristique id tellus eu, malesuada viverra metus. Sed ante felis, vehicula quis luctus sed, consectetur eget urna.