Case Templates, Website
Case Basic Templates
Für einfache INT und FLM/ANM Cases wurden zwei Basic Templates im Backend unter dem Punkt Portfolio angelegt. Um einen neuen Case anzulegen muss das jeweilige Template dupliziert werden (Mouseover -> duplicate this).
Case Template Selected Work
Sollen ausgewählte Cases zu einer kuratierten Landingpage zusammengeführt werden passiert dies mit einer Page. Um eine neue Page anzulegen muss das Template dupliziert werden (Mouseover -> duplicate this). Pages können mit einem Passwort versehen werden.
Featured Image/Video
Für jeden Case muss eine Featured Image und ein Featured Video hinterlegt werden, welches als Thumbnail auf den Übersichtsseiten angezeigt wird. Um beim Mouseover einen nahtlosen Übergang vom Image zum Video zu erzeugen, muss das Still dem ersten Frame des Videos entsprechen. Folgende Voraussetzungen müssen erfüllt werden:
Image
1000x700 Pixel, JPG
Video
500x350 Pixel, MP4 und WebM und OGV (alle 3 Formate werden benötigt)
Maximal 12 Sekunden und 1MB pro Video
Encoder Presets und Codes zum Download hier.
Case Template Modules
Für die Gestaltung der Website Cases gibt es eine Vielzahl an vordefinierten PSL Modulen die frei und nach ästhetischem Empfinden kombiniert werden können. Durch Klick in den Page Builder Header öffnet sich die Library; durch Klick auf das »+« lassen sich die einzelnen Module zum Case hinzufügen. Die Farbgebung kann dabei, passend zum Thema, angepasst werden, sollte aber den gewünscht hochwertigen Gesamteindruck unterstützen.
Image / full width
Error creating thumbnail: File missing
Image / in grid
Error creating thumbnail: File missing
Text / HL / big section
Error creating thumbnail: File missing
Text + Image / in grid on full with color
Error creating thumbnail: File missing
Text / HL + Copy / in grid
Error creating thumbnail: File missing
Text / HL + Copy / in grid on color
Error creating thumbnail: File missing
Image + Text / in grid with color
Error creating thumbnail: File missing
Text + Image / 50/50 in grid
Error creating thumbnail: File missing
Image + Text / 50/50 in grid
Error creating thumbnail: File missing
Images 4 / full width on color
Error creating thumbnail: File missing
Image + Text 2 / 50/50 on color
Error creating thumbnail: File missing
Text 4 / 25/25/25/25 on color
Error creating thumbnail: File missing
Text / huge statement with highlights in grid
Error creating thumbnail: File missing
Specials
Shadows
Auf Wunsch können unter Bildern dynamische Schatten via CSS erzeugt werden. Dazu sind folgende 4 Schritte notwendig:
- Klick in den Page Builder Header auf das CSS Zahnrad
- Hinzufügen der CSS Attribute:
.img_shadow{
position: relative;
-webkit-box-shadow: -30px 30px 80px 0px rgba(0,0,0,0.2);
-moz-box-shadow: -30px 30px 80px 0px rgba(0,0,0,0.2);
box-shadow: -30px 30px 80px 0px rgba(0,0,0,0.2);
}