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