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 : 780x200 px
Zone utile : 362x136 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 : 780x200 px
Zone utile : 696x102 px
Poids maximum : 100 Ko
Expand paysage
Dimensions : 1920x900 px
Zone utile : 1516x356 px
Poids maximum : 500 Ko
Masthead Desktop
Dimensions : 970 x 250 px
Poids maximum : 100 Ko
Masthead Tablette
Dimensions : 640 x 200 px
Poids maximum : 100 Ko
Masthead Mobile
Dimensions : 320 x 100 px
Poids maximum : 100 Ko