Background-Images

Background-Images werden eingesetzt, um Text oder HTML-Elemente besonders leicht in einem Bild zu platzieren und zu positionieren.


Bestimmen Sie die Position des Textes im Hintergrundbild

Selbstverständlich können Sie einfach angeben, welche Bildhöhe Ihr Hintergrundbild einnehmen soll. Weiterhin haben Sie die Möglichkeit, über die Page Layouts zu wählen, ob Ihr Bild im Fullwidth-Modus angezeigt werden soll oder in der Breite der übrigen Inhalte. Bestimmen Sie ganz einfach die Position des Textes und wählen einen passenden Abstand zum oberen oder unteren Bildrand. 

Text rechts, Abstand zum unteren Bildrand

In diesem Beispiel sehen Sie, wie der Text auf größeren Bildschirmen rechts mit etwas größerem Abstand zum Bildrand positioniert worden ist. 

Text links, Abstand zum oberen Bildrand

In diesem Beispiel sehen Sie, wie der Text auf größeren Bildschirmen links mit kleinerem Abstand zum Bildrand nach unten und links positioniert worden ist. 

Farbüberlagerung & Volle Breite

In diesem Beispiel sehen Sie, wie das Bild von einer leicht transparenten Farbe überlagert wird. Redakteure können einfach aus einem vorgegebenen Farbspektrum Ihre Unternehmensfarben auswählen. Weiterhin verläuft das Bild über die volle Breite des Bildschirms. 

Weitere Features