Element "Infobox"
In der Infobox wird der Inhalt durch eine einfache grafische Linie vom restlichen Inhalt abgetrennt. Die Box kann optional ein Bild enthalten.
VITREA Gesundheit
Infoboxen und -Panel
Um besondere Informationen auf einer Contentseite hervorzuheben, stehen Ihnen zwei Elemente zur Verfügung: die Infobox und das Infopanel.
Fügen Sie alle Inhalte ein, wie Titel, Text und ggf. Bild. Zum Schluss: Speichern.
Beispiele für Infoboxen
Info-Box einfach
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Die Box eignet sich insbesondere als Rasterelement und kann neben normalen Fließtext platziert werden. Achten Sie dabei darauf, dass der Text neben der Infobox nicht länger ist, als der eigentliche Inhalt der Infobox – dies führt zu unschönen Layouterscheinungen.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.
Element "Infopanel"
Das Infopanel wird mit farbigem Hintergrund versehen und eignet sich in den meisten Fällen (wie der Name schon andeutet) eher als Panel – also als ein Element, das über die ganze Breite der Seite angezeigt wird.
Auch das Panel kann optional ein Bild enthalten – hier im Beispiel wurde ein Icon als Bild eingebunden.
Erstellen des Elements
Wählen Sie im Reiter "Mask-Elemente" das Infopanel aus. Im Gegensatz zur Infobox können Sie beim Infopanel noch einige Einstellungen vornehmen: „Light“ setzt das Infopanel auf einen weißen Hintergrund. „Breite Ansicht“ vergrößert das Panel in der Breite, so dass es sich für den Einsatz auf Übersichtsseiten eignen kann.
In normalen Contentseiten sind beide Einstellungen im Normalfall nicht notwendig. Zum Schluss: Speichern.
Beispiel für ein Infopanel
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
