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