Mode Cognac : ajout d'une zone pour afficher un article (mot clef ZoomSur) :

* titre de l'article
* logo sur la largeur de la colonne (dépassant un peu sur les côtés)
* chapo sinon bulle d'aide
* texte
* PS
* lien
* galerie de photos

noisettes/sommaire/sommaire_modeportailcognac.html

@@ -39,7 +39,7 @@
 		<ul>
 			<li class="#EDIT{titre}">
 				<a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]>
-					<span>#TITRE</span>
+					<span class="#EDIT{titre}">#TITRE</span>
 					<span class="icon icon-arrow-right2 icon-2x">&#10140;</span>
 				</a>
 			</li>
@@ -49,6 +49,29 @@
 <!-- fin SLIDER -->
 </BOUCLE_Edito>
 
+<BOUCLE_ZoomSur(ARTICLES) {titre_mot=ZoomSur}{!par date}{0,(#CONFIG{soyezcreateurs/nombres_zoomsur,1})}{lang}{doublons}>
+
+<!-- ZoomSur -->
+<div id="zoomsur" class="zone-zoomsur">
+	<header class="titre-sommaire">
+		<h1 class="#EDIT{titre}">[(#TITRE)]</h1>
+	</header>
+	[<img class="zoomsurlogo" src="(#LOGO_ARTICLE|image_focus{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},200}|extraire_attribut{src}|embarque_fichier)" width="[(#LOGO_ARTICLE|image_focus{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},200}|largeur)]" height="[(#LOGO_ARTICLE|image_focus{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},200}|hauteur)]" alt="" />]
+	<div id="zoomsurtexte">
+		<div class="infos">[(#INCLURE{fond=noisettes/liste_auteurs}{id_article}{virgule=1}{nodiv=1})][(#INCLURE{fond=noisettes/aff_datepublication}{id_article}{lang})]</div>
+		<div>
+			[<div class="[(#CHAPO*|?{#EDIT{chapo},#EDIT{descriptif}}) ]chapo">(#CHAPO|image_reduire{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},0}|sinon{#DESCRIPTIF})</div>]
+			[<div class="#EDIT{texte} entry-content">(#TEXTE|image_reduire{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},0})</div>]
+			[<div class="#EDIT{ps} ps">(#PS|image_reduire{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},0})</div>]
+			[<div class="notes">(#NOTES)</div>]
+			[<p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)" class="spip_out">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
+			[(#INCLURE{fond=noisettes/galerie}{ajax}{id_article}{env})]
+		</div>
+	</div>
+</div>
+<!-- fin ZoomSur -->
+</BOUCLE_ZoomSur>
+
 <!-- ACTUS -->
 <div id="actualites" class="zone-actus">
 	<header class="titre-sommaire">

stylesportailcognac.css.html

@@ -27,6 +27,8 @@
 #SET{c_menu_a_strong,(#CONFIG{soyezcreateurs_couleurs/menu_a_strong,#ffffff})}
 	#SET{c_menu_a_strong_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_strong_bk,#0b7899})}
 
+#SET{c_container,(#CONFIG{soyezcreateurs_couleurs/container,#02265a})}
+	#SET{c_container_bk,(#CONFIG{soyezcreateurs_couleurs/container_bk,#f6f6f6})}
 
 #SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}
 #SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,180})}
@@ -423,7 +425,7 @@ select {
 .portailcognac #content .titre-sommaire h1 {
   display: block;
   background-color: #eae9e5;
-  max-width: 1156px;
+max-width: [(#GET{LargeurContaineur}|moins{44})]px;
   margin: -1.1em auto 1em auto;
   padding: .5em .8em .5em;
   color: #be1621;
@@ -543,12 +545,6 @@ select {
   content: '';
   display: block;
   clear: both;
-}
- #masonry {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding-left: 20px;
-  text-align: center;
 }
  .grid {
   text-align: center;
@@ -820,6 +816,26 @@ select {
   display: block;
   clear: both;
 }
+#diaporama {
+	margin-bottom: 9em;
+}
+#zoomsurtexte {
+  max-width: [(#GET{LargeurContaineur}|moins{44})]px;
+  margin: 0 auto;
+  padding: 1em 2em;
+  color: #GET{c_container};
+  background-color: #GET{c_container_bk};
+  [(#CONFIG{soyezcreateurs_couleurs/transparencecontent,1}|!={1}|oui)background-color: rgba([(#GET{c_container_bk}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/transparencecontent,1});]
+}
+.portailcognac #content #zoomsur .titre-sommaire h1 {
+	margin-bottom: 0;
+}
+.portailcognac img.zoomsurlogo {
+  max-width: [(#GET{LargeurContaineur})]px;
+  margin: 0 auto;
+  display: block;
+}
+
 #masonry {
   max-width: #GET{LargeurContaineur}px;
   margin: 0 auto;