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é.
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
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