Les différents blocs du header

Dans cet article vous trouverez les différentes dimensions des blocs disponibles dans le Header du thème mutualisé.

header

header

Image de fond

 

1920px*350px

Bloc Logo + titre + Description

Bloc complet

Cadre 1 qui se chevauche avec cadre 2 (partie hachée).

Sélecteur CSS :

h1#header-logo

Dimensions :

largeur:
    Desktop (resol. >= 1024px): 40% (396px sur la majorité des écrans)
    Mobile (resol. < 1024px): 100%

Logo

Sélecteur CSS :

#header-logo-link img

Dimensions:

Largeur: 80px - hauteur: 80px

Titre

Sélecteur CSS :

h2.header-logo-title

Dimensions:

Largeur: 185 px - hauteur: 14px

Description

Sélecteur CSS :

.header-logo-text p

Dimensions :

Largeur: 185px - hauteur: 12px

Icônes d’accès rapide (vignettes)

Cadre 2 qui se chevauche sur la partie hachurée avec le cadre 1

fastaccess

Le bloc complet

Sélecteur CSS :

div#header-fastaccess

Dimensions:

Largeur: 356 px

Puce

Sélcteur CSS :

span.icon-nom-de-licone

Dimensions :

Largeur: 64px - hauteur: 64px

Bloc Date, Saint du jour et Texte de la messe

Cadre 3

Sélecteur CSS :

div.valign-holder

Dimensions:

Largeur: 235px

Bloc social

Cadre 4

Sélecteur CSS :

div#header-social

Dimensions :

Largeur: 990px hauteur: 29px