COVER
COMPATIBLE
DESKTOP
SMARTPHONE
TABLET
Spécifications techniques :
Le Cover est un format responsive et sticky qui se positionne au-dessus de la barre de navigation du site Elle.fr
A l'arrivée sur la page, le cover est en position « fermée » avec une hauteur équivalente à 30% de la hauteur de l'écran.
Au scroll, la hauteur du Cover passe à 10% de celle de l'écran.
Il est possible d'ouvrir le Cover au roll over sur desktop et au touch sur tablette et smartphone pour que celui-ci prenne une hauteur égale à 70% de celle de l'écran (en incluant la barre de navigation du site).
La scénarisation du Cover est gérée par nos soins. Il est impératif de nous livrer tous les éléments listés ci-dessous.
Éléments à livrer impérativement
Ces éléments doivent nous être livrés au format image (GIF, JPEG ou PNG)
Merci de respecter le zonage indiqué dans le PSD de contrôle. La zone utile sera visible sur toutes les résolutions d'écran. Il ne doit y avoir aucun logo, texte, CTA en dehors de cette zone, au risque d'être coupé à l'affichage sur certaines résolutions.
Desktop 30%
Dimensions : 1920x300 px
Zone utile : 1296x266 px
Poids maximum : 300 Ko
Tablette 30%
Dimensions : 1450x300 px
Zone utile : 676x226 px
Poids maximum : 200 Ko
Smartphone 30%
Dimensions : 1560x400px
Zone utile : 724x272 px
Poids maximum : 100 Ko
Expand portrait
Dimensions : 1100x1400 px
Zone utile : 946x736 px
Poids maximum : 500 Ko
Desktop 10%
Dimensions : 1920x300 px
Zone utile : 1816x86 px
Poids maximum : 300 Ko
Tablette 10%
Dimensions : 1450x300 px
Zone utile : 1446x66 px
Poids maximum : 200 Ko
Smartphone 10%
Dimensions : 1560x400 px
Zone utile : 1515x196 px
Poids maximum : 100 Ko
Expand paysage
Dimensions : 1920x900 px
Zone utile : 1516x356 px
Poids maximum : 500 Ko
Masthead Desktop
Dimensions : 970x250 px
Poids maximum : 100 Ko
Masthead Tablette
Dimensions : 640x200 px
Poids maximum : 100 Ko
Masthead Smartphone
Dimensions : 320x100 px
Poids maximum : 100 Ko