Design: Hintergrund-Fotos für Anmeldeseiten

22.08.2015

Hintergrundbild für Event-Anmeldeseiten

Entweder ein Foto oder ein Mosaik ("Tapetenmuster") oder auch nur ein Farbverlauf kann nun im Einladungsmanagement-System invite.life für die Anmeldeseite eingetragen werden. Damit können invite.life-Kunden stilvollere Anmelde-Webseiten gestalten. Im System lässt sich zusätzlich auch das Verhalten des Hintergrundbildes regeln, es werden dabei folgende Verhaltensweisen angeboten:

• Keine Wiederholung
  Das Bild wird einfach in der Originalgröße in den Hintergrund eingefügt und scrollt mit, wenn beispielsweise die Anmeldeseite inkl. Anmeldemaske höher ist als der Bildschirm des Anwenders.
• Horizontale Wiederholung
  Hier wird das Bild je nach Breite des Monitors horizontal wiederholt. Diese Form des "Verhaltens" wird beispielsweise sehr häufig bei Farbverläufen eingesetzt. Soll also der Hintergrund zB von einem dunklen blau zu einen mittleren Blau von oben nach unten verlaufen und dann in dem mittleren Blau bleiben, so wird als Hintergrundfarbe das mittlere Blau angegeben und ein Hintergrundbild mit 1 Pixel Breite und dem Farbverlauf hineingeladen. Dann setzt sich dieser Verlauf horizontal fort und läuft unten in die Hintergrundfarbe aus, die dann beliebig lange wiederholt wird, soweit der Nutzer nach unten scrollt.
• Vertikale Wiederholung
  Hier wird der gleiche Effekt mit einer Wiederholung des Bildes nach unten erzeugt. Soll der Hintergrund also links dunkelblau beginnen und dann in ein mittleres Blau auslaufen wird ein Hintergrundfoto mit einem 1 Pixel hohen Farbverlauf von Dunkelblau auf Mittelblau eingebaut und die Hintergrundfarbe mit "Mittelblau" (gleicher Farbwert) bestimmt.
• Horizontale + Vertikale Wiederholung
  Diese Form wird oft angewandt, wenn beispielsweise ein Bild hochgeladen wird, das dem Charakter eines Tapetenmusters entspricht. Das Bild wird dabei so gebaut, dass es sich links, rechts, oben und unten aneinenerschmiegen lässt und dabei keinen "Bruch" erzeugt.
• Vollflächig fixiert
  Diese Option ist vor allem für tatsächliche Fotos geeignet, denn es wird ein Bild herangezogen (wir empfehlen hier eine hohe Qualität mit einer entsprechend hohen Pixelanzahl horizontal und vertikal) und auf die Bildschirmbreite skaliert, sodass das Bild in jedem Fall den gesamten Browser ausfüllt. Durch die Option "fixiert" wird das Bild festgehalten und wenn der Nutzer über die Anmeldemaske nach unten scrollt, bleibt das Bild bestehen.
• Vollflächig mitscrollend
  Im Unterschied zu "fixiert" wird das Bild beim Scrollen nach unten ebenfalls mitbewegt bis es an der unteren Kante des Fotos angelangt ist.

Alle entsprechenden Informationen über die Event-Seite und die Layoutmöglichkeiten sind wie gewohnt im Handbuch von invite.life im Bereich "Schritt 1 / Reiter »Layout«" zu finden.

zurück