Orange um die oberen Icons: Überlagerung möglich, weniger kritisch als Rot.
Änderungen werden in diesem Browser gespeichert.
Hinweise & HTML/CSS
Standard, Mit Animation, Nur Animation und B-Roll speichern ihre Anpassungen getrennt. B-Roll enthält nur den Untertitelbereich sowie schaltbare Sicherheitshinweise. Zurücksetzen betrifft nur die ausgewählte Version. Der Animationskasten markiert den Platz für spätere Animationen; Sicherheitsbereiche und Instagram-Overlay bleiben als Orientierung schaltbar.
Instagram-Overlay und Telefonanzeigen sind getrennt schaltbar. Die eingebrannten Telefonanzeigen der Vorlage werden mit einer neutralen Fläche verdeckt und separat dargestellt. Weitere eingebrannte Symbole werden beim Ausschalten abgedeckt; das Foto selbst bleibt unverändert.
Kontovorschau nach hivegrid.de. Nutzername, Zähler und Abzeichen sind Beispieldaten.
Annahme: Bild bis zur Oberkante. Fehlende Seiten und Randflächen gehören zum gemeinsamen Risikobereich.
In zones.css hat jede Zone einen eigenen Block. --x, --y, --w und --h sind Prozentwerte der Reel-Fläche (Full HD: 1080 × 1920; 4K: 2160 × 3840). Beide Auflösungen verwenden dieselben proportionalen Werte. „In Originalgröße anzeigen“ stellt die Fläche in der gewählten Pixelgröße dar; ansonsten wird die Vorschau an das Fenster angepasst. Der CSS-Download enthält deine Anpassungen und kann am Ende der Datei ergänzt werden.
Der sichere Bereich und die Animationsflächen reichen bis knapp unter die Notch. Obere Icon-Ecken sind ausgespart und orange umrandet: Hier sind Überlagerungen möglich, aber weniger kritisch als im roten Bereich. Diese Markierungen werden mit dem Risikobereich geschaltet. Die eckigen Formen stehen als clip-path in .safe und den versionsbezogenen .animation-Regeln im CSS. Der Risikobereich besteht aus fünf Teilflächen mit gemeinsamer Farbe, Deckkraft und Sichtbarkeit. Position und Größe verändern die gesamte Gruppe; ihre Teilflächen stehen im CSS unter .danger-part.
Positionen sind aus deinen Bildern nachgebaut, keine allgemeingültigen Instagram-Vorgaben. Annahme nach Nutzerauftrag: Das Video reicht von der Screenshot-Oberkante bis zum Kommentarfeld. Die Referenz von y=0 bis y=1849 im 945 × 2048-Koordinatensystem wird in Full HD proportional auf die volle Höhe von 1920 skaliert. Ihre sichtbare Breite beträgt rund 981 px; links und rechts ergänzen je rund 49 px Schwarz die 1080-px-Arbeitsfläche. In 4K verdoppeln sich alle Pixelmaße bei identischen Proportionen. Das Screenshot-Foto gewinnt dadurch keine zusätzlichen Bilddetails. Diese seitlichen Ergänzungen liegen unter dem gemeinsamen Risikobereich und markieren unbekannten, mutmaßlich abgeschnittenen Inhalt – sie rekonstruieren keine Bilddetails und beweisen nicht das Originalformat. Das Kommentarfeld bleibt außerhalb; die Telefonanzeige liegt über dem Foto. Der umschaltbare Hintergrund zeigt die ursprüngliche Person aus den Referenz-Screenshots. Zwei unveränderte Ausschnitte verdecken den eingebrannten Titel; der alte Kontobereich wird ausgespart und separat mit HiveGrid-Inhalten dargestellt. Logo und Formulierung „Verbinden statt ersetzen.“ stammen von hivegrid.de; „Software für SHK-Betriebe“ ist eine zusammenfassende Beispielbeschreibung.