Work in progress: possibilité de régler la hauteur de la bannière par configuration.

formulaires/configurer_soyezcreateurs.html

@@ -240,6 +240,12 @@ if (!function_exists('sc_ouinon_default')) {
 						defaut=visible}
 					)]
 					]
+					[(#SAISIE{input,hauteurbannierre,
+						label=<:soyezcreateursprive:cfg_hauteur_banner:>,
+						explication=<:soyezcreateursprive:cfg_hauteur_banner_explication:>,
+						size=3,
+						defaut=0}
+					)]
 					[(#SAISIE{radio,citationsheader,
 						label=<:soyezcreateursprive:cfg_mode_affichage_citations_label:>,
 						datas=#ARRAY{

lang/soyezcreateursprive_fr.php

@@ -118,6 +118,8 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
 	'cfg_googleplusun_non' => 'Ne pas afficher le badge Google +1',
 	'cfg_googleplusun_oui' => 'Afficher le badge Google +1',
 	'cfg_hauteur' => 'Hauteur',
+	'cfg_hauteur_banner' => 'Hauteur de la bannière',
+	'cfg_hauteur_banner_explication' => '0 (défaut) pour une hauteur proportionnelle aux images, valeur en pixel pour fixer une hauteur"',
 	'cfg_hauteur_gis' => 'Hauteur des cartographies (format NNNpx)',
 	'cfg_hauteur_slider_label' => 'Hauteur du carrousel',
 	'cfg_hauteur_videoaccueil' => 'Hauteur de la vidéo d’accueil (0 pour hauteur automatique)',

noisettes/header/headerbanner.html

@@ -5,7 +5,7 @@
 <BOUCLE_LogoHeader(MOTS){id_rubrique}{type=_HeaderBanner}>
 <?php
 $bannieres[] = array(
-	'banniere' => '[(#LOGO_MOT_NORMAL|image_reduire{1920,0}|extraire_attribut{src}|timestamp|url_absolue)]',
+	'banniere' => '[(#LOGO_MOT_NORMAL|image_reduire{1920,0}|image_recadre{0,#CONFIG{soyezcreateurs/hauteurbannierre,0},'top center',#CONFIG{soyezcreateurs_couleurs/header_bk,#ffffff}}|extraire_attribut{src}|timestamp|url_absolue)]',
 	'hauteur' => '[(#LOGO_MOT_NORMAL|hauteur)]',
 	'hauteurrelative' => '[(#LOGO_MOT_NORMAL|hauteur|div{#CONFIG{soyezcreateurs_layout/largeurconteneur,960}}|mult{100})]',
 	'hachures' => '[(#LOGO_MOT_SURVOL|extraire_attribut{src}|timestamp|url_absolue)]'
@@ -16,7 +16,7 @@ $bannieres[] = array(
 <BOUCLE_HeaderBannerTemplate(MOTS){type=_HeaderBanner}{descriptif!=''}{descriptif=#ENV{template}}>
 <?php
 $bannieres[] = array(
-	'banniere' => '[(#LOGO_MOT_NORMAL|image_reduire{1920,0}|extraire_attribut{src}|timestamp|url_absolue)]',
+	'banniere' => '[(#LOGO_MOT_NORMAL|image_reduire{1920,0}|image_recadre{0,#CONFIG{soyezcreateurs/hauteurbannierre,0},'top center',#CONFIG{soyezcreateurs_couleurs/header_bk,#ffffff}}|extraire_attribut{src}|timestamp|url_absolue)]',
 	'hauteur' => '[(#LOGO_MOT_NORMAL|hauteur)]',
 	'hauteurrelative' => '[(#LOGO_MOT_NORMAL|hauteur|div{#CONFIG{soyezcreateurs_layout/largeurconteneur,960}}|mult{100})]',
 	'hachures' => '[(#LOGO_MOT_SURVOL|extraire_attribut{src}|timestamp|url_absolue)]'
@@ -27,7 +27,7 @@ $bannieres[] = array(
 <BOUCLE_HeaderBanner(MOTS){type=_HeaderBanner}{descriptif=''}{id_mot !IN #GET{ExclureBannieresRubriques}}>
 <?php
 $bannieres[] = array(
-	'banniere' => '[(#LOGO_MOT_NORMAL|image_reduire{1920,0}|extraire_attribut{src}|timestamp|url_absolue)]',
+	'banniere' => '[(#LOGO_MOT_NORMAL|image_reduire{1920,0}|image_recadre{0,#CONFIG{soyezcreateurs/hauteurbannierre,0},'top center',#CONFIG{soyezcreateurs_couleurs/header_bk,#ffffff}}|extraire_attribut{src}|timestamp|url_absolue)]',
 	'hauteur' => '[(#LOGO_MOT_NORMAL|hauteur)]',
 	'hauteurrelative' => '[(#LOGO_MOT_NORMAL|hauteur|div{#CONFIG{soyezcreateurs_layout/largeurconteneur,960}}|mult{100})]',
 	'hachures' => '[(#LOGO_MOT_SURVOL|extraire_attribut{src}|timestamp|url_absolue)]'
@@ -44,11 +44,16 @@ if ($banniere['banniere']!='') {
 #header:before {
 	background-image: <?php if ($banniere['hachures']!='') { ?>url("<?php echo($banniere['hachures']); ?>"), <?php } ?>url("<?php echo($banniere['banniere']); ?>");
 	background-repeat: <?php if ($banniere['hachures']!='') { ?>repeat, <?php } ?>no-repeat;
-	background-size: <?php if ($banniere['hachures']!='') { ?>initial, <?php } ?>cover;
 	display: block;
 	content: "";
 	width: 100%;
+	<?php if(#CONFIG{soyezcreateurs/hauteurbannierre,0}==0){ ?>
 	padding-top: <?php echo($banniere['hauteurrelative']); ?>%;
+	background-size: <?php if ($banniere['hachures']!='') { ?>initial, <?php } ?>cover;
+	<?php } ?>
+	[(#CONFIG{soyezcreateurs/hauteurbannierre,0}|=={0}|non)
+	padding-top: [(#CONFIG{soyezcreateurs/hauteurbannierre,0}|div{#CONFIG{soyezcreateurs_layout/largeurconteneur,960}}|mult{100})]%;
+	]
 }
 #headerbackground {
 	position: absolute;
@@ -57,11 +62,22 @@ if ($banniere['banniere']!='') {
 	right: 0;
 	bottom: 0;
 }
-#header_inner { 
-	position: relative; 
+<?php if(#CONFIG{soyezcreateurs/hauteurbannierre,0}==0){ ?>
+#header_inner{ 
+	position:relative;
 	margin-top: -<?php echo($banniere['hauteurrelative']); ?>%; 
 	min-height: <?php echo($banniere['hauteur']); ?>px;
 }
+<?php } ?>
+[(#CONFIG{soyezcreateurs/hauteurbannierre,0}|=={0}|non) 
+#header_inner { 
+	position:relative;
+	min-height: #CONFIG{soyezcreateurs/hauteurbannierre}px;
+	height: #CONFIG{soyezcreateurs/hauteurbannierre}px;
+	margin-top: -#CONFIG{soyezcreateurs/hauteurbannierre}px;
+}
+]
+
 [(#CONFIG{soyezcreateurs/afficher_titre,visible}|=={invisible}|oui)
 #header h1 { position:absolute !important; overflow:hidden !important; top:-2000px !important; left:-2000px !important; height:0 !important; width:0 !important; }
 ]