Changeset 108908 in spip-zone


Ignore:
Timestamp:
Feb 11, 2018, 9:56:58 PM (21 months ago)
Author:
real3t@…
Message:

Variante d'affichage du carrousel en mode Cognac :

  • mot clef : CycloShow? (au lieu de ZoomSur?)
  • affiche plusieurs articles avec leur titre, descriptif (bulle d'aide) et logo
  • triés par numéro de titre ou anti-chronologique
Location:
_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire/sommaire_modeportailcognac.html

    r108898 r108908  
    187187        // slider Slick
    188188        $(document).ready(function(){
    189                 $('.slider-slick').slick({
     189                $('#diaporama .slider-slick').slick({
    190190                  autoplay: true,
    191191                  pauseOnHover: true,
     
    194194                  cssEase: 'linear',
    195195                  arrows: false,
     196                  dots: true,
     197                  centerMode: true,
     198                  focusOnSelect: true
     199                });
     200               
     201                $('#cycloshow .slider-slick').slick({
     202                  autoplay: true,
     203                  pauseOnHover: true,
     204                  autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},
     205                  fade: true,
     206                  cssEase: 'linear',
     207                  arrows: true,
    196208                  dots: true,
    197209                  centerMode: true,
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/paquet.xml

    r108891 r108908  
    22        prefix="soyezcreateurs"
    33        categorie="squelette"
    4         version="4.2.23"
     4        version="4.2.24"
    55        etat="stable"
    66        compatibilite="[3.0.25;3.2.*]"
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/stylesportailcognac.css.html

    r108897 r108908  
    332332  margin: 0 4rem;
    333333}
     334#cycloshow .slick-prev,
     335#cycloshow .slick-next,
    334336.slider-pratique .slick-prev,
    335337.slider-pratique .slick-next {
     
    341343  left: -60px;
    342344}
     345#cycloshow .slick-prev:before,
    343346.slider-pratique .slick-prev:before {
    344347  content: "\276c";
     
    347350  right: -60px;
    348351}
     352#cycloshow .slick-next:before,
    349353.slider-pratique .slick-next:before {
    350354  content: "\276d";
     355}
     356#cycloshow .slick-prev:before,
     357#cycloshow .slick-next:before {
     358  font-family: "picto-soyezcreateurs" ;
     359  font-size: 50px;
     360  opacity: 1;
     361  color: #FFF;
    351362}
    352363.slider-pratique .slick-prev:before,
     
    368379.slider-pratique button:focus {
    369380  background-color: transparent;
     381}
     382.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
     383    background: rgba(48,48,48,0.5);
    370384}
    371385.slider-pratique .content-pratique {
     
    685699
    686700
    687 // gestion block texte sur slider : CycloShow
     701/* gestion block texte sur slider : CycloShow */
    688702#cycloshow {
    689         width: #GET{LargeurContaineur}px;
     703        position: relative;
     704        max-width: #GET{LargeurContaineur}px;
     705        width: 100%;
    690706        margin-left: auto;
    691707        margin-right: auto;
     
    713729  padding: 1.75em !important;
    714730}
    715 .slider-content.desc-gauche h3 {
    716   margin: 0 0 1em;
    717   color: #ffcc03;
     731#content .slider-content.desc-gauche h3 {
     732  margin: 0 0 1em 0;
     733  padding: 0;
     734  color: #GET{c_triadec};
    718735  font-family: 'Oswald', sans-serif;
    719736  font-weight: 300;
    720737  font-size: 2.15em;
    721738  line-height: 1.15em;
    722   text-align: center;
     739  text-align: left;
    723740}
    724741.slider-content.desc-gauche p {
Note: See TracChangeset for help on using the changeset viewer.