From 541ba07316fc8a09f1cfba7cda65a27016832b01 Mon Sep 17 00:00:00 2001
From: "real3t@gmail.com" <>
Date: Sun, 11 Feb 2018 21:56:58 +0000
Subject: [PATCH] =?UTF-8?q?Variante=20d'affichage=20du=20carrousel=20en=20?=
 =?UTF-8?q?mode=20Cognac=20:=20*=20mot=20clef=20:=20=20CycloShow=20(au=20l?=
 =?UTF-8?q?ieu=20de=20ZoomSur)=20*=20affiche=20plusieurs=20articles=20avec?=
 =?UTF-8?q?=20leur=20titre,=20descriptif=20(bulle=20d'aide)=20et=20logo=20?=
 =?UTF-8?q?*=20tri=C3=A9s=20par=20num=C3=A9ro=20de=20titre=20ou=20anti-chr?=
 =?UTF-8?q?onologique?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sommaire/sommaire_modeportailcognac.html  | 14 ++++++++-
 paquet.xml                                    |  2 +-
 stylesportailcognac.css.html                  | 29 +++++++++++++++----
 3 files changed, 37 insertions(+), 8 deletions(-)

diff --git a/noisettes/sommaire/sommaire_modeportailcognac.html b/noisettes/sommaire/sommaire_modeportailcognac.html
index 16939567..57087fa3 100644
--- a/noisettes/sommaire/sommaire_modeportailcognac.html
+++ b/noisettes/sommaire/sommaire_modeportailcognac.html
@@ -186,7 +186,7 @@
 <script type="text/javascript">
 	// slider Slick
 	$(document).ready(function(){
-		$('.slider-slick').slick({
+		$('#diaporama .slider-slick').slick({
 		  autoplay: true,
 		  pauseOnHover: true,
 		  autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},
@@ -198,6 +198,18 @@
 		  focusOnSelect: true
 		});
 		
+		$('#cycloshow .slider-slick').slick({
+		  autoplay: true,
+		  pauseOnHover: true,
+		  autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},
+		  fade: true,
+		  cssEase: 'linear',
+		  arrows: true,
+		  dots: true,
+		  centerMode: true,
+		  focusOnSelect: true
+		});
+		
 		// Pour que les éventuelles vidéos soient jouées
 		// Ceci concerne la première vidéo (ou la seule)
 		var vid = $('.slider-slick').find('video');
diff --git a/paquet.xml b/paquet.xml
index d661d661..fdd539b1 100644
--- a/paquet.xml
+++ b/paquet.xml
@@ -1,7 +1,7 @@
 <paquet
 	prefix="soyezcreateurs"
 	categorie="squelette"
-	version="4.2.23"
+	version="4.2.24"
 	etat="stable"
 	compatibilite="[3.0.25;3.2.*]"
 	logo="img_pack/soyezcreateurs_48.png"
diff --git a/stylesportailcognac.css.html b/stylesportailcognac.css.html
index d327c4f7..673ee7cf 100644
--- a/stylesportailcognac.css.html
+++ b/stylesportailcognac.css.html
@@ -331,6 +331,8 @@ select {
 .slider-pratique {
   margin: 0 4rem;
 }
+#cycloshow .slick-prev,
+#cycloshow .slick-next,
 .slider-pratique .slick-prev,
 .slider-pratique .slick-next {
   width: 60px;
@@ -340,15 +342,24 @@ select {
 .slider-pratique .slick-prev {
   left: -60px;
 }
+#cycloshow .slick-prev:before,
 .slider-pratique .slick-prev:before {
   content: "\276c";
 }
 .slider-pratique .slick-next {
   right: -60px;
 }
+#cycloshow .slick-next:before,
 .slider-pratique .slick-next:before {
   content: "\276d";
 }
+#cycloshow .slick-prev:before,
+#cycloshow .slick-next:before {
+  font-family: "picto-soyezcreateurs" ;
+  font-size: 50px;
+  opacity: 1;
+  color: #FFF;
+}
 .slider-pratique .slick-prev:before,
 .slider-pratique .slick-next:before {
   margin-left: -20px;
@@ -368,6 +379,9 @@ select {
 .slider-pratique button:focus {
   background-color: transparent;
 }
+.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
+    background: rgba(48,48,48,0.5);
+}
 .slider-pratique .content-pratique {
   background-color: #GET{c_triadeb};
   width: 280px;
@@ -684,9 +698,11 @@ img.editologo {
 
 
 
-// gestion block texte sur slider : CycloShow
+/* gestion block texte sur slider : CycloShow */
 #cycloshow {
-	width: #GET{LargeurContaineur}px;
+	position: relative;
+	max-width: #GET{LargeurContaineur}px;
+	width: 100%;
 	margin-left: auto;
 	margin-right: auto;
 }
@@ -712,14 +728,15 @@ img.editologo {
   width: 27%;
   padding: 1.75em !important;
 }
-.slider-content.desc-gauche h3 {
-  margin: 0 0 1em;
-  color: #ffcc03;
+#content .slider-content.desc-gauche h3 {
+  margin: 0 0 1em 0;
+  padding: 0;
+  color: #GET{c_triadec};
   font-family: 'Oswald', sans-serif;
   font-weight: 300;
   font-size: 2.15em;
   line-height: 1.15em;
-  text-align: center;
+  text-align: left;
 }
 .slider-content.desc-gauche p {
   font-size: 1.25em;
-- 
GitLab