Bild oben mittig
Text-Media Elemente sind normale Text-Elemente mit Bild. Dabei kann die Positionierung der Bilder zwischen folgenden Werten ausgewählt werden:
- oben mittig
- oben links
- oben rechts
- im Text links
- im Text rechts
- im Text links (rundes Bild)
- im Text rechts (rundes Bild)
- im Text links aussen
- im Text rechts aussen
Die einzelnen Varianten sehen Sie auf dieser Seite.
Bild oben rechts
Bei der Positionierung des Bildes "oben rechts" ragt das Bild ein Stück über den Text rechts hinaus.
Bild oben links
Bei der Positionierung des Bildes "oben links" ragt das Bild ein Stück über den Text links hinaus.
Im 2-Spalten-Layout sollte man diese Positionierung des Bildes aber eigentlich nur in der linken Spalte nutzen.
Rundes Bild links
Bei der Positionierung des Bildes "im Text links (rundes Bild)" wird das Bild automatisch kreisrund ausgeschnitten. Hierbei sollte bei der Bildauswahl geachtet werden, dass die Hauptinformation zentral, mittig im Bild wiederzufinden ist.
Das Kreis-Objekt bekommt zusätzlich noch einen "verschobenen" Rand. Dieser kann durch die Angabe "NeT Farbe" am Bild individuell angepasst werden. Es stehen dazu die bekannten NeT-Farben "Global", "Familie", "Kultur", "Gastlichkeit", "Aktiv", "Veranstaltungen" und "Nord-Eifel" sowie ein "Service" zur Verfügung.
Rundes Bild rechts
Bei der Positionierung des Bildes "im Text rechts (rundes Bild)" ändert sich nur die Postionierung auf die rechte Seite des Textes.
Diese Positionierungen der Bilder sollten in einem 2-Spalten-Layout immer "links" in der linken Spalte und "rechts" in der rechten Spalte ausgewählt werden, damit es in der Mitte nicht zu Überschneidungen der Bilder kommt.
In diesem Beispiel ist für den kreisrunden Rand die Farbe Familie ausgewählt worden.
Bild im Text links
Bei der Bild-Positionierung im Text links sollte ein längerer Text beschrieben werden, damit dieser auch vernünftig um das Bild herumfließen kann. Kurze Texte würden diesen Effekt nicht erkennen lassen.
Diese Positionierung macht auch nur in einem 1-Spalten-Layout Sinn, da im 2-Spalten-Layout rechts neben dem Bild viel zu wenig Platz für den Text oder die Überschrift ist.
Wichtig ist generell, dass die Optik der Webseite nach einer Datenpflege im Frontend visuell geprüft wird, um ein möglichst optimales Ergebnis zu erziehlen. Mit dieser "menschlichen" Prüfung lassen sich viele optische Fehler einfach erkennen und somit auch beheben.
Für den Leser gibt es somit ein sehr gutes Ergebnis und hoffentlich eine lange Verweildauer auf Ihrer Webseite.
Bild im Text rechts
Die Positionierung des Bildes im Text kann natürlich auch auf der rechten Seite erfolgen.
Auch hierbei gilt, dass dieses Element nur in einem 1-Spalten-Layout genutzt werden sollte, da es auch hierbei zu wenig Platz neben dem Bild gibt, um vernünftig Text darstellen zu können, der auch von den Besuchern einfach gelesen werden kann.
Eingerahmt
Text-Media-Elemente können zusätzlich über das Erscheinungsbild "Eingerahmt" auch einen Rahmen erhalten.
Dieser Rahmen als auch die Überschrift kann durch die Auswahl der Kategorie dieses Inhaltselements eingefärbt werden. So werden diese Elemente bei der Kategorie "Gastlichkeit" z.B. rot.
Unabhängig davon kann die Rahmenfarbe der runden Bilder über die Farbauswahl am Bild ausgewählt werden. Hierbei wurde z.B. die Familien-Farbe gelb ausgewählt.