Changeset 111212 in spip-zone
- Timestamp:
- Jul 27, 2018, 7:03:44 AM (3 years ago)
- Location:
- _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs
- Files:
-
- 10 added
- 4 edited
- 6 copied
Legend:
- Unmodified
- Added
- Removed
-
_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire_modeportailcognac_cycloshow.html
r111204 r111212 1 #SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}2 #SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,180})}3 #SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})}4 #SET{Largeurcontent_central,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}})}5 #SET{Largeurcontent_extra,(#GET{LargeurContaineur}|moins{#GET{Largeurcontent_central}})}6 <script type="text/javascript">7 CanceladjustLayout = true;8 </script>9 <main id="main" role="main"><div id="cognac_content">10 <a id="letexte"></a>11 12 <BOUCLE_ZoomSur(ARTICLES) {titre_mot=ZoomSur}{!par date}{0,1}{lang}>13 #SET{article_url,#ARTICLE_URL}14 <!-- SLIDER -->15 <div id="diaporama" class="zone-slider">16 <header>17 <h1 class="hide">#TITRE</h1>18 </header>19 <div class="slider-slick">20 <BOUCLE_Slider(DOCUMENTS){id_article}{mode=document}{par rang_lien, num titre, titre}{!par date}{media IN image,video}{vu=non}>21 <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">22 <div class="slider-diapo-imgfull">23 [(#MEDIA|=={image}|oui)24 <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>25 <img src="[(#FICHIER|copie_locale|image_focus{1920,#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" alt="" />26 </a>]27 [(#MEDIA|=={video}|oui)28 <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>29 [(#MIME_TYPE|=={text/oembed}|non)30 <div style="width: 1920px; height: #CONFIG{soyezcreateurs/hauteur_slider,580}px;">31 <video autoplay loop muted preload="true" class="autoplay" style="min-width: 100%; height: auto; top: -50%; position: absolute;">32 <source src="#FICHIER" type="[(#EXTENSION|in_array{#LISTE{mp4,webm,ogv}}|?{[(#MIME_TYPE|replace{application/,video/})],#MIME_TYPE})]"/>33 </video>34 </div>]35 [(#MIME_TYPE|=={text/oembed}|oui)36 <div style="position: relative; padding-bottom: [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1920}|mult{100})%]">37 <div class="mbYTP_wrapper" id="wrapper_mbYTP_bgndVideo" style="position: absolute; z-index: -1; min-width: 100%; min-height: 100%; left: 0; top: 0; overflow: hidden; opacity: 1; -webkit-backface-visibility: hidden;">38 <iframe id="mbYTP_bgndVideo#ID_DOCUMENT" class="playerBox" style="position: absolute; z-index: -1; width: 2380.8px; height: 1080px; top: 0px; left: 0px; overflow: hidden; opacity: 1; margin-top: -199.5px; margin-left: -230.4px;" frameborder="0" allowfullscreen="1" width="[(#INCLURE{#FICHIER}|extraire_attribut{width})]" height="[(#INCLURE{#FICHIER}|extraire_attribut{height})]" src="[(#INCLURE{#FICHIER}|extraire_attribut{src})]&autoplay=1&loop=1&modestbranding=1&controls=0&showinfo=0&rel=0&enablejsapi=1&version=3&playerapiid=mbYTP_bgndVideo&allowfullscreen=true&wmode=transparent&iv_load_policy=3&html5=1&mute=1[&playlist=(#INCLURE{#FICHIER}|extraire_attribut{src}|replace{'https:\/\/www\.youtube\.com\/embed\/\(\[^\?]*\).*','$1'}|replace{'\?feature=oembed',''})]"></iframe>39 </div>40 </div>]41 </a>]42 </div>43 </div>44 </BOUCLE_Slider>45 <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">46 <div class="slider-diapo-imgfull">47 <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>48 <img src="[(#CHEMIN{images/placeholder.jpg}|image_focus{1920,#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" alt="" />49 </a>50 </div>51 </div>52 <//B_Slider>53 </div>54 <div id="liens-diaporama">55 <ul>56 <li class="#EDIT{titre}">57 <a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]>58 <span>#TITRE</span>59 <span class="icon icon-arrow-right2 icon-2x">➜</span>60 </a>61 </li>62 [<li class="hide-for-small-only">(#INCLURE{fond=noisettes/liste_auteurs,id_article,nolink=1})</li>]63 [<li class="hide-for-small-only">(#INCLURE{fond=noisettes/aff_datepublication,id_article,lang})</li>]64 </ul>65 </div>66 </div>67 <!-- fin SLIDER -->68 </BOUCLE_ZoomSur>69 1 70 2 <B_CycloShow> … … 91 23 </B_CycloShow> 92 24 93 <BOUCLE_EDITO(ARTICLES) {titre_mot=EDITO}{!par date}{0,1}{lang}>94 95 <!-- EDITO -->96 <div id="edito" class="zone-edito">97 <header class="titre-sommaire">98 <h1 class="#EDIT{titre}">[(#TITRE)]</h1>99 </header>100 [<img class="editologo" 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="" />]101 <div id="editotexte">102 <div class="infos">[(#INCLURE{fond=noisettes/liste_auteurs,id_article,virgule=1,nodiv=1})][(#INCLURE{fond=noisettes/aff_datepublication,id_article,lang})]</div>103 <div>104 [<div class="[(#CHAPO*|?{#EDIT{chapo},#EDIT{descriptif}}) ]chapo">(#CHAPO|image_reduire{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},0}|sinon{#DESCRIPTIF})</div>]105 [<div class="#EDIT{texte} entry-content">(#TEXTE|image_reduire{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},0})</div>]106 [<div class="#EDIT{ps} ps">(#PS|image_reduire{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},0})</div>]107 [<div class="notes">(#NOTES)</div>]108 [<p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)" class="spip_out">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]109 [(#INCLURE{fond=noisettes/galerie,ajax,id_article,env})]110 </div>111 </div>112 </div>113 <!-- fin EDITO -->114 </BOUCLE_EDITO>115 116 [<!-- ACTUS -->117 <div id="actualites" class="zone-actus">118 <header class="titre-sommaire">119 <h1><:soyezcreateurs:quoideneuf:></h1>120 </header>121 <div class="row" id="masonry" role="region" aria-label="Actualités">122 <div class="grid">123 <div class="grid-sizer"></div>124 <div class="gutter-sizer"></div>125 (#INCLURE{fond=noisettes/sommaire/sommaire_modeportailcognac_quoideneuf})126 </div>127 </div>128 <div class="text-center avec-margin-top avec-margin-bottom">129 <a class="button texte-blanc triadeA" href="#URL_PAGE{antichrono}"><:soyezcreateurs:actualite_toutes:></a>130 </div>131 </div>132 <!-- fin ACTUS -->133 ]134 <B_DessousBreves>135 <!-- PROJETS -->136 <div id="lesprojets" class="zone-projets">137 <header class="titre-sommaire">138 <h1>Les projets</h1>139 </header>140 <div id="projets" class="avec-margin-top">141 <BOUCLE_DessousBreves(RUBRIQUES){titre_mot IN DessousBreves,ZoomSur2}{par num titre}>142 <div class="projet idprojet#COMPTEUR_BOUCLE #EDIT{titre}"<BOUCLE_RubriqueColoree(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubrique(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}>[ style="background-color: #(#TEXTE|textebrut);"]</BOUCLE_CouleurRubrique></BOUCLE_RubriqueColoree>>143 <div class="content-projets">144 <BOUCLE_articles_plusdun(ARTICLES) {id_rubrique} {1,1}{lang}><a href="#URL_RUBRIQUE"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]></BOUCLE_articles_plusdun><BOUCLE_articles_unseul(ARTICLES) {id_rubrique} {0,1}{lang}><a href="#ARTICLE_URL"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]></BOUCLE_articles_unseul><a href="#URL_RUBRIQUE"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]><//B_articles_unseul><//B_articles_plusdun>145 <h2>#TITRE</h2>146 <div class="suite">147 <span class="icon icon-arrow-right2">➜</span>148 </div>149 </a>150 </div>151 </div>152 </BOUCLE_DessousBreves>153 </div>154 <div class="clearfix"></div>155 </div>156 <!-- fin PROJETS -->157 </B_DessousBreves>158 159 <B_GroupeBlocsDefilants>160 <!-- PRATIQUE -->161 <div id="pratique" class="zone-pratique">162 <BOUCLE_GroupeBlocsDefilants(RUBRIQUES){titre_mot=Goodies}{par num titre}>163 <B_BlocsDefilants>164 <header class="titre-sommaire">165 <h1[ title="(#DESCRIPTIF|attribut_html)"] class="#EDIT{titre}">#TITRE</h1>166 </header>167 <div role="region" aria-label="[(#TITRE|attribut_html)]">168 <div class="slider-pratique">169 <BOUCLE_BlocsDefilants(ARTICLES){id_rubrique}{par num titre}{lang}>170 <div class="content-pratique #EDIT{titre}">171 <a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]>172 <img src="[(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|sinon{#CHEMIN{images/placeholder.jpg}}|image_focus{280,190}|extraire_attribut{src})]" alt="" />173 <div class="h2"><span class="titre-pratique">#TITRE</span>174 <span class="icon icon-arrow-right2 icon-lg">➜</span></div>175 </a>176 </div>177 </BOUCLE_BlocsDefilants>178 </div>179 </div>180 </B_BlocsDefilants>181 </BOUCLE_GroupeBlocsDefilants>182 </div>183 <!-- fin PRATIQUE -->184 </B_GroupeBlocsDefilants>185 186 [(#PLUGIN{SOCIALTAGS}|oui)<div id="socialtags"></div>]187 188 </div><!-- cognac_content --></main>189 190 [<script src="(#CHEMIN{javascript/packery.pkgd.min.js})" type="text/javascript"></script>]191 [<script src="(#CHEMIN{javascript/imagesloaded.pkgd.min.js})" type="text/javascript"></script>]192 <script type="text/javascript">193 // slider Slick194 $(document).ready(function(){195 $('#diaporama .slider-slick').slick({196 autoplay: true,197 pauseOnHover: true,198 autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},199 fade: true,200 cssEase: 'linear',201 arrows: false,202 dots: true,203 centerMode: true,204 focusOnSelect: true205 });206 207 $('#cycloshow .slider-slick').slick({208 autoplay: true,209 pauseOnHover: true,210 autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},211 fade: true,212 cssEase: 'linear',213 arrows: true,214 dots: true,215 centerMode: true,216 focusOnSelect: true217 });218 219 // Pour que les éventuelles vidéos soient jouées220 // Ceci concerne la première vidéo (ou la seule)221 var vid = $('.slider-slick').find('video');222 if (vid.length > 0)223 $(vid).get(0).play();224 // Ceci concerne les autres vidéos225 $('.slider-slick').on('afterChange', function(event, slick, currentSlide){226 var vid = $(slick.$slides[currentSlide]).find('video');227 if (vid.length > 0)228 $(vid).get(0).play();229 });230 231 $('.slider-pratique').slick({232 dots: false,233 slidesToShow: [(#GET{LargeurContaineur}|div{304}|intval)],234 slidesToScroll: 3,235 infinite: true,236 variableWidth: true,237 responsive: [238 {239 breakpoint: [(#GET{LargeurContaineur}|moins{304}|intval)],240 settings: {241 slidesToShow: 2,242 slidesToScroll: 2,243 infinite: true,244 dots: true245 }246 },247 {248 breakpoint: 640,249 settings: {250 slidesToShow: 1,251 slidesToScroll: 1252 }253 }254 ]255 });256 });257 // external js: packery.pkgd.js, imagesloaded.pkgd.js258 // init packery after all images have loaded259 var $grid = $('.grid').imagesLoaded( function() {260 $grid.packery({261 itemSelector: '.grid-item',262 gutter: '.gutter-sizer',263 columnWidth: '.grid-sizer',264 percentPosition: false265 });266 });267 </script>268 269 25 #FILTRE{mini_html} -
_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire_modeportailcognac_dessousBreves.html
r111204 r111212 1 #SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}2 #SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,180})}3 #SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})}4 #SET{Largeurcontent_central,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}})}5 #SET{Largeurcontent_extra,(#GET{LargeurContaineur}|moins{#GET{Largeurcontent_central}})}6 <script type="text/javascript">7 CanceladjustLayout = true;8 </script>9 <main id="main" role="main"><div id="cognac_content">10 <a id="letexte"></a>11 1 12 <BOUCLE_ZoomSur(ARTICLES) {titre_mot=ZoomSur}{!par date}{0,1}{lang}>13 #SET{article_url,#ARTICLE_URL}14 <!-- SLIDER -->15 <div id="diaporama" class="zone-slider">16 <header>17 <h1 class="hide">#TITRE</h1>18 </header>19 <div class="slider-slick">20 <BOUCLE_Slider(DOCUMENTS){id_article}{mode=document}{par rang_lien, num titre, titre}{!par date}{media IN image,video}{vu=non}>21 <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">22 <div class="slider-diapo-imgfull">23 [(#MEDIA|=={image}|oui)24 <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>25 <img src="[(#FICHIER|copie_locale|image_focus{1920,#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" alt="" />26 </a>]27 [(#MEDIA|=={video}|oui)28 <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>29 [(#MIME_TYPE|=={text/oembed}|non)30 <div style="width: 1920px; height: #CONFIG{soyezcreateurs/hauteur_slider,580}px;">31 <video autoplay loop muted preload="true" class="autoplay" style="min-width: 100%; height: auto; top: -50%; position: absolute;">32 <source src="#FICHIER" type="[(#EXTENSION|in_array{#LISTE{mp4,webm,ogv}}|?{[(#MIME_TYPE|replace{application/,video/})],#MIME_TYPE})]"/>33 </video>34 </div>]35 [(#MIME_TYPE|=={text/oembed}|oui)36 <div style="position: relative; padding-bottom: [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1920}|mult{100})%]">37 <div class="mbYTP_wrapper" id="wrapper_mbYTP_bgndVideo" style="position: absolute; z-index: -1; min-width: 100%; min-height: 100%; left: 0; top: 0; overflow: hidden; opacity: 1; -webkit-backface-visibility: hidden;">38 <iframe id="mbYTP_bgndVideo#ID_DOCUMENT" class="playerBox" style="position: absolute; z-index: -1; width: 2380.8px; height: 1080px; top: 0px; left: 0px; overflow: hidden; opacity: 1; margin-top: -199.5px; margin-left: -230.4px;" frameborder="0" allowfullscreen="1" width="[(#INCLURE{#FICHIER}|extraire_attribut{width})]" height="[(#INCLURE{#FICHIER}|extraire_attribut{height})]" src="[(#INCLURE{#FICHIER}|extraire_attribut{src})]&autoplay=1&loop=1&modestbranding=1&controls=0&showinfo=0&rel=0&enablejsapi=1&version=3&playerapiid=mbYTP_bgndVideo&allowfullscreen=true&wmode=transparent&iv_load_policy=3&html5=1&mute=1[&playlist=(#INCLURE{#FICHIER}|extraire_attribut{src}|replace{'https:\/\/www\.youtube\.com\/embed\/\(\[^\?]*\).*','$1'}|replace{'\?feature=oembed',''})]"></iframe>39 </div>40 </div>]41 </a>]42 </div>43 </div>44 </BOUCLE_Slider>45 <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">46 <div class="slider-diapo-imgfull">47 <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>48 <img src="[(#CHEMIN{images/placeholder.jpg}|image_focus{1920,#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" alt="" />49 </a>50 </div>51 </div>52 <//B_Slider>53 </div>54 <div id="liens-diaporama">55 <ul>56 <li class="#EDIT{titre}">57 <a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]>58 <span>#TITRE</span>59 <span class="icon icon-arrow-right2 icon-2x">➜</span>60 </a>61 </li>62 [<li class="hide-for-small-only">(#INCLURE{fond=noisettes/liste_auteurs,id_article,nolink=1})</li>]63 [<li class="hide-for-small-only">(#INCLURE{fond=noisettes/aff_datepublication,id_article,lang})</li>]64 </ul>65 </div>66 </div>67 <!-- fin SLIDER -->68 </BOUCLE_ZoomSur>69 70 <B_CycloShow>71 <!-- SLIDER -->72 <div id="cycloshow" class="zone-slider">73 <div class="slider-slick">74 <BOUCLE_CycloShow(ARTICLES){titre_mot=CycloShow}{par num titre}{!par date}{lang}>75 <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">76 <div class="slider-diapo-imgfull">77 <a href="#URL_ARTICLE" tabindex="-1">78 <img src="[(#LOGO_ARTICLE_NORMAL|sinon{#CHEMIN{images/placeholder.jpg}}|image_focus{#GET{LargeurContaineur},#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" alt="">79 <div class="slider-content desc-gauche text-center">80 <h3 class="#EDIT{titre}">#TITRE</h3>81 [<p class="hide-for-small-only #EDIT{descriptif}">(#DESCRIPTIF|ptobr)</p>]82 [<p class="hide-for-small-only">(#INCLURE{fond=noisettes/liste_auteurs,id_article,nodiv=1,nolink=1})</p>]83 [<p class="hide-for-small-only">(#INCLURE{fond=noisettes/aff_datepublication,id_article,lang})</p>]84 </div>85 </a>86 </div>87 </div>88 </BOUCLE_CycloShow>89 </div>90 </div>91 </B_CycloShow>92 93 <BOUCLE_EDITO(ARTICLES) {titre_mot=EDITO}{!par date}{0,1}{lang}>94 95 <!-- EDITO -->96 <div id="edito" class="zone-edito">97 <header class="titre-sommaire">98 <h1 class="#EDIT{titre}">[(#TITRE)]</h1>99 </header>100 [<img class="editologo" 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="" />]101 <div id="editotexte">102 <div class="infos">[(#INCLURE{fond=noisettes/liste_auteurs,id_article,virgule=1,nodiv=1})][(#INCLURE{fond=noisettes/aff_datepublication,id_article,lang})]</div>103 <div>104 [<div class="[(#CHAPO*|?{#EDIT{chapo},#EDIT{descriptif}}) ]chapo">(#CHAPO|image_reduire{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},0}|sinon{#DESCRIPTIF})</div>]105 [<div class="#EDIT{texte} entry-content">(#TEXTE|image_reduire{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},0})</div>]106 [<div class="#EDIT{ps} ps">(#PS|image_reduire{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},0})</div>]107 [<div class="notes">(#NOTES)</div>]108 [<p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)" class="spip_out">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]109 [(#INCLURE{fond=noisettes/galerie,ajax,id_article,env})]110 </div>111 </div>112 </div>113 <!-- fin EDITO -->114 </BOUCLE_EDITO>115 116 [<!-- ACTUS -->117 <div id="actualites" class="zone-actus">118 <header class="titre-sommaire">119 <h1><:soyezcreateurs:quoideneuf:></h1>120 </header>121 <div class="row" id="masonry" role="region" aria-label="Actualités">122 <div class="grid">123 <div class="grid-sizer"></div>124 <div class="gutter-sizer"></div>125 (#INCLURE{fond=noisettes/sommaire/sommaire_modeportailcognac_quoideneuf})126 </div>127 </div>128 <div class="text-center avec-margin-top avec-margin-bottom">129 <a class="button texte-blanc triadeA" href="#URL_PAGE{antichrono}"><:soyezcreateurs:actualite_toutes:></a>130 </div>131 </div>132 <!-- fin ACTUS -->133 ]134 2 <B_DessousBreves> 135 3 <!-- PROJETS --> … … 157 25 </B_DessousBreves> 158 26 159 <B_GroupeBlocsDefilants>160 <!-- PRATIQUE -->161 <div id="pratique" class="zone-pratique">162 <BOUCLE_GroupeBlocsDefilants(RUBRIQUES){titre_mot=Goodies}{par num titre}>163 <B_BlocsDefilants>164 <header class="titre-sommaire">165 <h1[ title="(#DESCRIPTIF|attribut_html)"] class="#EDIT{titre}">#TITRE</h1>166 </header>167 <div role="region" aria-label="[(#TITRE|attribut_html)]">168 <div class="slider-pratique">169 <BOUCLE_BlocsDefilants(ARTICLES){id_rubrique}{par num titre}{lang}>170 <div class="content-pratique #EDIT{titre}">171 <a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]>172 <img src="[(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|sinon{#CHEMIN{images/placeholder.jpg}}|image_focus{280,190}|extraire_attribut{src})]" alt="" />173 <div class="h2"><span class="titre-pratique">#TITRE</span>174 <span class="icon icon-arrow-right2 icon-lg">➜</span></div>175 </a>176 </div>177 </BOUCLE_BlocsDefilants>178 </div>179 </div>180 </B_BlocsDefilants>181 </BOUCLE_GroupeBlocsDefilants>182 </div>183 <!-- fin PRATIQUE -->184 </B_GroupeBlocsDefilants>185 186 [(#PLUGIN{SOCIALTAGS}|oui)<div id="socialtags"></div>]187 188 </div><!-- cognac_content --></main>189 190 [<script src="(#CHEMIN{javascript/packery.pkgd.min.js})" type="text/javascript"></script>]191 [<script src="(#CHEMIN{javascript/imagesloaded.pkgd.min.js})" type="text/javascript"></script>]192 <script type="text/javascript">193 // slider Slick194 $(document).ready(function(){195 $('#diaporama .slider-slick').slick({196 autoplay: true,197 pauseOnHover: true,198 autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},199 fade: true,200 cssEase: 'linear',201 arrows: false,202 dots: true,203 centerMode: true,204 focusOnSelect: true205 });206 207 $('#cycloshow .slider-slick').slick({208 autoplay: true,209 pauseOnHover: true,210 autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},211 fade: true,212 cssEase: 'linear',213 arrows: true,214 dots: true,215 centerMode: true,216 focusOnSelect: true217 });218 219 // Pour que les éventuelles vidéos soient jouées220 // Ceci concerne la première vidéo (ou la seule)221 var vid = $('.slider-slick').find('video');222 if (vid.length > 0)223 $(vid).get(0).play();224 // Ceci concerne les autres vidéos225 $('.slider-slick').on('afterChange', function(event, slick, currentSlide){226 var vid = $(slick.$slides[currentSlide]).find('video');227 if (vid.length > 0)228 $(vid).get(0).play();229 });230 231 $('.slider-pratique').slick({232 dots: false,233 slidesToShow: [(#GET{LargeurContaineur}|div{304}|intval)],234 slidesToScroll: 3,235 infinite: true,236 variableWidth: true,237 responsive: [238 {239 breakpoint: [(#GET{LargeurContaineur}|moins{304}|intval)],240 settings: {241 slidesToShow: 2,242 slidesToScroll: 2,243 infinite: true,244 dots: true245 }246 },247 {248 breakpoint: 640,249 settings: {250 slidesToShow: 1,251 slidesToScroll: 1252 }253 }254 ]255 });256 });257 // external js: packery.pkgd.js, imagesloaded.pkgd.js258 // init packery after all images have loaded259 var $grid = $('.grid').imagesLoaded( function() {260 $grid.packery({261 itemSelector: '.grid-item',262 gutter: '.gutter-sizer',263 columnWidth: '.grid-sizer',264 percentPosition: false265 });266 });267 </script>268 269 27 #FILTRE{mini_html} -
_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire_modeportailcognac_goodies.html
r111204 r111212 1 #SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}2 #SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,180})}3 #SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})}4 #SET{Largeurcontent_central,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}})}5 #SET{Largeurcontent_extra,(#GET{LargeurContaineur}|moins{#GET{Largeurcontent_central}})}6 <script type="text/javascript">7 CanceladjustLayout = true;8 </script>9 <main id="main" role="main"><div id="cognac_content">10 <a id="letexte"></a>11 12 <BOUCLE_ZoomSur(ARTICLES) {titre_mot=ZoomSur}{!par date}{0,1}{lang}>13 #SET{article_url,#ARTICLE_URL}14 <!-- SLIDER -->15 <div id="diaporama" class="zone-slider">16 <header>17 <h1 class="hide">#TITRE</h1>18 </header>19 <div class="slider-slick">20 <BOUCLE_Slider(DOCUMENTS){id_article}{mode=document}{par rang_lien, num titre, titre}{!par date}{media IN image,video}{vu=non}>21 <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">22 <div class="slider-diapo-imgfull">23 [(#MEDIA|=={image}|oui)24 <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>25 <img src="[(#FICHIER|copie_locale|image_focus{1920,#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" alt="" />26 </a>]27 [(#MEDIA|=={video}|oui)28 <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>29 [(#MIME_TYPE|=={text/oembed}|non)30 <div style="width: 1920px; height: #CONFIG{soyezcreateurs/hauteur_slider,580}px;">31 <video autoplay loop muted preload="true" class="autoplay" style="min-width: 100%; height: auto; top: -50%; position: absolute;">32 <source src="#FICHIER" type="[(#EXTENSION|in_array{#LISTE{mp4,webm,ogv}}|?{[(#MIME_TYPE|replace{application/,video/})],#MIME_TYPE})]"/>33 </video>34 </div>]35 [(#MIME_TYPE|=={text/oembed}|oui)36 <div style="position: relative; padding-bottom: [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1920}|mult{100})%]">37 <div class="mbYTP_wrapper" id="wrapper_mbYTP_bgndVideo" style="position: absolute; z-index: -1; min-width: 100%; min-height: 100%; left: 0; top: 0; overflow: hidden; opacity: 1; -webkit-backface-visibility: hidden;">38 <iframe id="mbYTP_bgndVideo#ID_DOCUMENT" class="playerBox" style="position: absolute; z-index: -1; width: 2380.8px; height: 1080px; top: 0px; left: 0px; overflow: hidden; opacity: 1; margin-top: -199.5px; margin-left: -230.4px;" frameborder="0" allowfullscreen="1" width="[(#INCLURE{#FICHIER}|extraire_attribut{width})]" height="[(#INCLURE{#FICHIER}|extraire_attribut{height})]" src="[(#INCLURE{#FICHIER}|extraire_attribut{src})]&autoplay=1&loop=1&modestbranding=1&controls=0&showinfo=0&rel=0&enablejsapi=1&version=3&playerapiid=mbYTP_bgndVideo&allowfullscreen=true&wmode=transparent&iv_load_policy=3&html5=1&mute=1[&playlist=(#INCLURE{#FICHIER}|extraire_attribut{src}|replace{'https:\/\/www\.youtube\.com\/embed\/\(\[^\?]*\).*','$1'}|replace{'\?feature=oembed',''})]"></iframe>39 </div>40 </div>]41 </a>]42 </div>43 </div>44 </BOUCLE_Slider>45 <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">46 <div class="slider-diapo-imgfull">47 <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>48 <img src="[(#CHEMIN{images/placeholder.jpg}|image_focus{1920,#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" alt="" />49 </a>50 </div>51 </div>52 <//B_Slider>53 </div>54 <div id="liens-diaporama">55 <ul>56 <li class="#EDIT{titre}">57 <a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]>58 <span>#TITRE</span>59 <span class="icon icon-arrow-right2 icon-2x">➜</span>60 </a>61 </li>62 [<li class="hide-for-small-only">(#INCLURE{fond=noisettes/liste_auteurs,id_article,nolink=1})</li>]63 [<li class="hide-for-small-only">(#INCLURE{fond=noisettes/aff_datepublication,id_article,lang})</li>]64 </ul>65 </div>66 </div>67 <!-- fin SLIDER -->68 </BOUCLE_ZoomSur>69 70 <B_CycloShow>71 <!-- SLIDER -->72 <div id="cycloshow" class="zone-slider">73 <div class="slider-slick">74 <BOUCLE_CycloShow(ARTICLES){titre_mot=CycloShow}{par num titre}{!par date}{lang}>75 <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">76 <div class="slider-diapo-imgfull">77 <a href="#URL_ARTICLE" tabindex="-1">78 <img src="[(#LOGO_ARTICLE_NORMAL|sinon{#CHEMIN{images/placeholder.jpg}}|image_focus{#GET{LargeurContaineur},#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" alt="">79 <div class="slider-content desc-gauche text-center">80 <h3 class="#EDIT{titre}">#TITRE</h3>81 [<p class="hide-for-small-only #EDIT{descriptif}">(#DESCRIPTIF|ptobr)</p>]82 [<p class="hide-for-small-only">(#INCLURE{fond=noisettes/liste_auteurs,id_article,nodiv=1,nolink=1})</p>]83 [<p class="hide-for-small-only">(#INCLURE{fond=noisettes/aff_datepublication,id_article,lang})</p>]84 </div>85 </a>86 </div>87 </div>88 </BOUCLE_CycloShow>89 </div>90 </div>91 </B_CycloShow>92 93 <BOUCLE_EDITO(ARTICLES) {titre_mot=EDITO}{!par date}{0,1}{lang}>94 95 <!-- EDITO -->96 <div id="edito" class="zone-edito">97 <header class="titre-sommaire">98 <h1 class="#EDIT{titre}">[(#TITRE)]</h1>99 </header>100 [<img class="editologo" 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="" />]101 <div id="editotexte">102 <div class="infos">[(#INCLURE{fond=noisettes/liste_auteurs,id_article,virgule=1,nodiv=1})][(#INCLURE{fond=noisettes/aff_datepublication,id_article,lang})]</div>103 <div>104 [<div class="[(#CHAPO*|?{#EDIT{chapo},#EDIT{descriptif}}) ]chapo">(#CHAPO|image_reduire{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},0}|sinon{#DESCRIPTIF})</div>]105 [<div class="#EDIT{texte} entry-content">(#TEXTE|image_reduire{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},0})</div>]106 [<div class="#EDIT{ps} ps">(#PS|image_reduire{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},0})</div>]107 [<div class="notes">(#NOTES)</div>]108 [<p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)" class="spip_out">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]109 [(#INCLURE{fond=noisettes/galerie,ajax,id_article,env})]110 </div>111 </div>112 </div>113 <!-- fin EDITO -->114 </BOUCLE_EDITO>115 116 [<!-- ACTUS -->117 <div id="actualites" class="zone-actus">118 <header class="titre-sommaire">119 <h1><:soyezcreateurs:quoideneuf:></h1>120 </header>121 <div class="row" id="masonry" role="region" aria-label="Actualités">122 <div class="grid">123 <div class="grid-sizer"></div>124 <div class="gutter-sizer"></div>125 (#INCLURE{fond=noisettes/sommaire/sommaire_modeportailcognac_quoideneuf})126 </div>127 </div>128 <div class="text-center avec-margin-top avec-margin-bottom">129 <a class="button texte-blanc triadeA" href="#URL_PAGE{antichrono}"><:soyezcreateurs:actualite_toutes:></a>130 </div>131 </div>132 <!-- fin ACTUS -->133 ]134 <B_DessousBreves>135 <!-- PROJETS -->136 <div id="lesprojets" class="zone-projets">137 <header class="titre-sommaire">138 <h1>Les projets</h1>139 </header>140 <div id="projets" class="avec-margin-top">141 <BOUCLE_DessousBreves(RUBRIQUES){titre_mot IN DessousBreves,ZoomSur2}{par num titre}>142 <div class="projet idprojet#COMPTEUR_BOUCLE #EDIT{titre}"<BOUCLE_RubriqueColoree(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubrique(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}>[ style="background-color: #(#TEXTE|textebrut);"]</BOUCLE_CouleurRubrique></BOUCLE_RubriqueColoree>>143 <div class="content-projets">144 <BOUCLE_articles_plusdun(ARTICLES) {id_rubrique} {1,1}{lang}><a href="#URL_RUBRIQUE"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]></BOUCLE_articles_plusdun><BOUCLE_articles_unseul(ARTICLES) {id_rubrique} {0,1}{lang}><a href="#ARTICLE_URL"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]></BOUCLE_articles_unseul><a href="#URL_RUBRIQUE"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]><//B_articles_unseul><//B_articles_plusdun>145 <h2>#TITRE</h2>146 <div class="suite">147 <span class="icon icon-arrow-right2">➜</span>148 </div>149 </a>150 </div>151 </div>152 </BOUCLE_DessousBreves>153 </div>154 <div class="clearfix"></div>155 </div>156 <!-- fin PROJETS -->157 </B_DessousBreves>158 1 159 2 <B_GroupeBlocsDefilants> … … 184 27 </B_GroupeBlocsDefilants> 185 28 186 [(#PLUGIN{SOCIALTAGS}|oui)<div id="socialtags"></div>]187 188 </div><!-- cognac_content --></main>189 190 [<script src="(#CHEMIN{javascript/packery.pkgd.min.js})" type="text/javascript"></script>]191 [<script src="(#CHEMIN{javascript/imagesloaded.pkgd.min.js})" type="text/javascript"></script>]192 <script type="text/javascript">193 // slider Slick194 $(document).ready(function(){195 $('#diaporama .slider-slick').slick({196 autoplay: true,197 pauseOnHover: true,198 autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},199 fade: true,200 cssEase: 'linear',201 arrows: false,202 dots: true,203 centerMode: true,204 focusOnSelect: true205 });206 207 $('#cycloshow .slider-slick').slick({208 autoplay: true,209 pauseOnHover: true,210 autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},211 fade: true,212 cssEase: 'linear',213 arrows: true,214 dots: true,215 centerMode: true,216 focusOnSelect: true217 });218 219 // Pour que les éventuelles vidéos soient jouées220 // Ceci concerne la première vidéo (ou la seule)221 var vid = $('.slider-slick').find('video');222 if (vid.length > 0)223 $(vid).get(0).play();224 // Ceci concerne les autres vidéos225 $('.slider-slick').on('afterChange', function(event, slick, currentSlide){226 var vid = $(slick.$slides[currentSlide]).find('video');227 if (vid.length > 0)228 $(vid).get(0).play();229 });230 231 $('.slider-pratique').slick({232 dots: false,233 slidesToShow: [(#GET{LargeurContaineur}|div{304}|intval)],234 slidesToScroll: 3,235 infinite: true,236 variableWidth: true,237 responsive: [238 {239 breakpoint: [(#GET{LargeurContaineur}|moins{304}|intval)],240 settings: {241 slidesToShow: 2,242 slidesToScroll: 2,243 infinite: true,244 dots: true245 }246 },247 {248 breakpoint: 640,249 settings: {250 slidesToShow: 1,251 slidesToScroll: 1252 }253 }254 ]255 });256 });257 // external js: packery.pkgd.js, imagesloaded.pkgd.js258 // init packery after all images have loaded259 var $grid = $('.grid').imagesLoaded( function() {260 $grid.packery({261 itemSelector: '.grid-item',262 gutter: '.gutter-sizer',263 columnWidth: '.grid-sizer',264 percentPosition: false265 });266 });267 </script>268 269 29 #FILTRE{mini_html} -
_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire_modeportailcognac_quoideneuf.html
r111204 r111212 1 #SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}2 #SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,180})}3 #SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})}4 #SET{Largeurcontent_central,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}})}5 #SET{Largeurcontent_extra,(#GET{LargeurContaineur}|moins{#GET{Largeurcontent_central}})}6 <script type="text/javascript">7 CanceladjustLayout = true;8 </script>9 <main id="main" role="main"><div id="cognac_content">10 <a id="letexte"></a>11 12 <BOUCLE_ZoomSur(ARTICLES) {titre_mot=ZoomSur}{!par date}{0,1}{lang}>13 #SET{article_url,#ARTICLE_URL}14 <!-- SLIDER -->15 <div id="diaporama" class="zone-slider">16 <header>17 <h1 class="hide">#TITRE</h1>18 </header>19 <div class="slider-slick">20 <BOUCLE_Slider(DOCUMENTS){id_article}{mode=document}{par rang_lien, num titre, titre}{!par date}{media IN image,video}{vu=non}>21 <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">22 <div class="slider-diapo-imgfull">23 [(#MEDIA|=={image}|oui)24 <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>25 <img src="[(#FICHIER|copie_locale|image_focus{1920,#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" alt="" />26 </a>]27 [(#MEDIA|=={video}|oui)28 <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>29 [(#MIME_TYPE|=={text/oembed}|non)30 <div style="width: 1920px; height: #CONFIG{soyezcreateurs/hauteur_slider,580}px;">31 <video autoplay loop muted preload="true" class="autoplay" style="min-width: 100%; height: auto; top: -50%; position: absolute;">32 <source src="#FICHIER" type="[(#EXTENSION|in_array{#LISTE{mp4,webm,ogv}}|?{[(#MIME_TYPE|replace{application/,video/})],#MIME_TYPE})]"/>33 </video>34 </div>]35 [(#MIME_TYPE|=={text/oembed}|oui)36 <div style="position: relative; padding-bottom: [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1920}|mult{100})%]">37 <div class="mbYTP_wrapper" id="wrapper_mbYTP_bgndVideo" style="position: absolute; z-index: -1; min-width: 100%; min-height: 100%; left: 0; top: 0; overflow: hidden; opacity: 1; -webkit-backface-visibility: hidden;">38 <iframe id="mbYTP_bgndVideo#ID_DOCUMENT" class="playerBox" style="position: absolute; z-index: -1; width: 2380.8px; height: 1080px; top: 0px; left: 0px; overflow: hidden; opacity: 1; margin-top: -199.5px; margin-left: -230.4px;" frameborder="0" allowfullscreen="1" width="[(#INCLURE{#FICHIER}|extraire_attribut{width})]" height="[(#INCLURE{#FICHIER}|extraire_attribut{height})]" src="[(#INCLURE{#FICHIER}|extraire_attribut{src})]&autoplay=1&loop=1&modestbranding=1&controls=0&showinfo=0&rel=0&enablejsapi=1&version=3&playerapiid=mbYTP_bgndVideo&allowfullscreen=true&wmode=transparent&iv_load_policy=3&html5=1&mute=1[&playlist=(#INCLURE{#FICHIER}|extraire_attribut{src}|replace{'https:\/\/www\.youtube\.com\/embed\/\(\[^\?]*\).*','$1'}|replace{'\?feature=oembed',''})]"></iframe>39 </div>40 </div>]41 </a>]42 </div>43 </div>44 </BOUCLE_Slider>45 <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">46 <div class="slider-diapo-imgfull">47 <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>48 <img src="[(#CHEMIN{images/placeholder.jpg}|image_focus{1920,#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" alt="" />49 </a>50 </div>51 </div>52 <//B_Slider>53 </div>54 <div id="liens-diaporama">55 <ul>56 <li class="#EDIT{titre}">57 <a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]>58 <span>#TITRE</span>59 <span class="icon icon-arrow-right2 icon-2x">➜</span>60 </a>61 </li>62 [<li class="hide-for-small-only">(#INCLURE{fond=noisettes/liste_auteurs,id_article,nolink=1})</li>]63 [<li class="hide-for-small-only">(#INCLURE{fond=noisettes/aff_datepublication,id_article,lang})</li>]64 </ul>65 </div>66 </div>67 <!-- fin SLIDER -->68 </BOUCLE_ZoomSur>69 70 <B_CycloShow>71 <!-- SLIDER -->72 <div id="cycloshow" class="zone-slider">73 <div class="slider-slick">74 <BOUCLE_CycloShow(ARTICLES){titre_mot=CycloShow}{par num titre}{!par date}{lang}>75 <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">76 <div class="slider-diapo-imgfull">77 <a href="#URL_ARTICLE" tabindex="-1">78 <img src="[(#LOGO_ARTICLE_NORMAL|sinon{#CHEMIN{images/placeholder.jpg}}|image_focus{#GET{LargeurContaineur},#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" alt="">79 <div class="slider-content desc-gauche text-center">80 <h3 class="#EDIT{titre}">#TITRE</h3>81 [<p class="hide-for-small-only #EDIT{descriptif}">(#DESCRIPTIF|ptobr)</p>]82 [<p class="hide-for-small-only">(#INCLURE{fond=noisettes/liste_auteurs,id_article,nodiv=1,nolink=1})</p>]83 [<p class="hide-for-small-only">(#INCLURE{fond=noisettes/aff_datepublication,id_article,lang})</p>]84 </div>85 </a>86 </div>87 </div>88 </BOUCLE_CycloShow>89 </div>90 </div>91 </B_CycloShow>92 93 <BOUCLE_EDITO(ARTICLES) {titre_mot=EDITO}{!par date}{0,1}{lang}>94 95 <!-- EDITO -->96 <div id="edito" class="zone-edito">97 <header class="titre-sommaire">98 <h1 class="#EDIT{titre}">[(#TITRE)]</h1>99 </header>100 [<img class="editologo" 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="" />]101 <div id="editotexte">102 <div class="infos">[(#INCLURE{fond=noisettes/liste_auteurs,id_article,virgule=1,nodiv=1})][(#INCLURE{fond=noisettes/aff_datepublication,id_article,lang})]</div>103 <div>104 [<div class="[(#CHAPO*|?{#EDIT{chapo},#EDIT{descriptif}}) ]chapo">(#CHAPO|image_reduire{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},0}|sinon{#DESCRIPTIF})</div>]105 [<div class="#EDIT{texte} entry-content">(#TEXTE|image_reduire{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},0})</div>]106 [<div class="#EDIT{ps} ps">(#PS|image_reduire{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},0})</div>]107 [<div class="notes">(#NOTES)</div>]108 [<p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)" class="spip_out">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]109 [(#INCLURE{fond=noisettes/galerie,ajax,id_article,env})]110 </div>111 </div>112 </div>113 <!-- fin EDITO -->114 </BOUCLE_EDITO>115 1 116 2 [<!-- ACTUS --> … … 132 18 <!-- fin ACTUS --> 133 19 ] 134 <B_DessousBreves>135 <!-- PROJETS -->136 <div id="lesprojets" class="zone-projets">137 <header class="titre-sommaire">138 <h1>Les projets</h1>139 </header>140 <div id="projets" class="avec-margin-top">141 <BOUCLE_DessousBreves(RUBRIQUES){titre_mot IN DessousBreves,ZoomSur2}{par num titre}>142 <div class="projet idprojet#COMPTEUR_BOUCLE #EDIT{titre}"<BOUCLE_RubriqueColoree(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubrique(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}>[ style="background-color: #(#TEXTE|textebrut);"]</BOUCLE_CouleurRubrique></BOUCLE_RubriqueColoree>>143 <div class="content-projets">144 <BOUCLE_articles_plusdun(ARTICLES) {id_rubrique} {1,1}{lang}><a href="#URL_RUBRIQUE"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]></BOUCLE_articles_plusdun><BOUCLE_articles_unseul(ARTICLES) {id_rubrique} {0,1}{lang}><a href="#ARTICLE_URL"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]></BOUCLE_articles_unseul><a href="#URL_RUBRIQUE"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]><//B_articles_unseul><//B_articles_plusdun>145 <h2>#TITRE</h2>146 <div class="suite">147 <span class="icon icon-arrow-right2">➜</span>148 </div>149 </a>150 </div>151 </div>152 </BOUCLE_DessousBreves>153 </div>154 <div class="clearfix"></div>155 </div>156 <!-- fin PROJETS -->157 </B_DessousBreves>158 159 <B_GroupeBlocsDefilants>160 <!-- PRATIQUE -->161 <div id="pratique" class="zone-pratique">162 <BOUCLE_GroupeBlocsDefilants(RUBRIQUES){titre_mot=Goodies}{par num titre}>163 <B_BlocsDefilants>164 <header class="titre-sommaire">165 <h1[ title="(#DESCRIPTIF|attribut_html)"] class="#EDIT{titre}">#TITRE</h1>166 </header>167 <div role="region" aria-label="[(#TITRE|attribut_html)]">168 <div class="slider-pratique">169 <BOUCLE_BlocsDefilants(ARTICLES){id_rubrique}{par num titre}{lang}>170 <div class="content-pratique #EDIT{titre}">171 <a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]>172 <img src="[(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|sinon{#CHEMIN{images/placeholder.jpg}}|image_focus{280,190}|extraire_attribut{src})]" alt="" />173 <div class="h2"><span class="titre-pratique">#TITRE</span>174 <span class="icon icon-arrow-right2 icon-lg">➜</span></div>175 </a>176 </div>177 </BOUCLE_BlocsDefilants>178 </div>179 </div>180 </B_BlocsDefilants>181 </BOUCLE_GroupeBlocsDefilants>182 </div>183 <!-- fin PRATIQUE -->184 </B_GroupeBlocsDefilants>185 186 [(#PLUGIN{SOCIALTAGS}|oui)<div id="socialtags"></div>]187 188 </div><!-- cognac_content --></main>189 190 [<script src="(#CHEMIN{javascript/packery.pkgd.min.js})" type="text/javascript"></script>]191 [<script src="(#CHEMIN{javascript/imagesloaded.pkgd.min.js})" type="text/javascript"></script>]192 <script type="text/javascript">193 // slider Slick194 $(document).ready(function(){195 $('#diaporama .slider-slick').slick({196 autoplay: true,197 pauseOnHover: true,198 autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},199 fade: true,200 cssEase: 'linear',201 arrows: false,202 dots: true,203 centerMode: true,204 focusOnSelect: true205 });206 207 $('#cycloshow .slider-slick').slick({208 autoplay: true,209 pauseOnHover: true,210 autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},211 fade: true,212 cssEase: 'linear',213 arrows: true,214 dots: true,215 centerMode: true,216 focusOnSelect: true217 });218 219 // Pour que les éventuelles vidéos soient jouées220 // Ceci concerne la première vidéo (ou la seule)221 var vid = $('.slider-slick').find('video');222 if (vid.length > 0)223 $(vid).get(0).play();224 // Ceci concerne les autres vidéos225 $('.slider-slick').on('afterChange', function(event, slick, currentSlide){226 var vid = $(slick.$slides[currentSlide]).find('video');227 if (vid.length > 0)228 $(vid).get(0).play();229 });230 231 $('.slider-pratique').slick({232 dots: false,233 slidesToShow: [(#GET{LargeurContaineur}|div{304}|intval)],234 slidesToScroll: 3,235 infinite: true,236 variableWidth: true,237 responsive: [238 {239 breakpoint: [(#GET{LargeurContaineur}|moins{304}|intval)],240 settings: {241 slidesToShow: 2,242 slidesToScroll: 2,243 infinite: true,244 dots: true245 }246 },247 {248 breakpoint: 640,249 settings: {250 slidesToShow: 1,251 slidesToScroll: 1252 }253 }254 ]255 });256 });257 // external js: packery.pkgd.js, imagesloaded.pkgd.js258 // init packery after all images have loaded259 var $grid = $('.grid').imagesLoaded( function() {260 $grid.packery({261 itemSelector: '.grid-item',262 gutter: '.gutter-sizer',263 columnWidth: '.grid-sizer',264 percentPosition: false265 });266 });267 </script>268 20 269 21 #FILTRE{mini_html} -
_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire_modeportailcognac_sc_edito.html
r111204 r111212 1 #SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}2 #SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,180})}3 #SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})}4 #SET{Largeurcontent_central,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}})}5 #SET{Largeurcontent_extra,(#GET{LargeurContaineur}|moins{#GET{Largeurcontent_central}})}6 <script type="text/javascript">7 CanceladjustLayout = true;8 </script>9 <main id="main" role="main"><div id="cognac_content">10 <a id="letexte"></a>11 12 <BOUCLE_ZoomSur(ARTICLES) {titre_mot=ZoomSur}{!par date}{0,1}{lang}>13 #SET{article_url,#ARTICLE_URL}14 <!-- SLIDER -->15 <div id="diaporama" class="zone-slider">16 <header>17 <h1 class="hide">#TITRE</h1>18 </header>19 <div class="slider-slick">20 <BOUCLE_Slider(DOCUMENTS){id_article}{mode=document}{par rang_lien, num titre, titre}{!par date}{media IN image,video}{vu=non}>21 <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">22 <div class="slider-diapo-imgfull">23 [(#MEDIA|=={image}|oui)24 <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>25 <img src="[(#FICHIER|copie_locale|image_focus{1920,#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" alt="" />26 </a>]27 [(#MEDIA|=={video}|oui)28 <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>29 [(#MIME_TYPE|=={text/oembed}|non)30 <div style="width: 1920px; height: #CONFIG{soyezcreateurs/hauteur_slider,580}px;">31 <video autoplay loop muted preload="true" class="autoplay" style="min-width: 100%; height: auto; top: -50%; position: absolute;">32 <source src="#FICHIER" type="[(#EXTENSION|in_array{#LISTE{mp4,webm,ogv}}|?{[(#MIME_TYPE|replace{application/,video/})],#MIME_TYPE})]"/>33 </video>34 </div>]35 [(#MIME_TYPE|=={text/oembed}|oui)36 <div style="position: relative; padding-bottom: [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1920}|mult{100})%]">37 <div class="mbYTP_wrapper" id="wrapper_mbYTP_bgndVideo" style="position: absolute; z-index: -1; min-width: 100%; min-height: 100%; left: 0; top: 0; overflow: hidden; opacity: 1; -webkit-backface-visibility: hidden;">38 <iframe id="mbYTP_bgndVideo#ID_DOCUMENT" class="playerBox" style="position: absolute; z-index: -1; width: 2380.8px; height: 1080px; top: 0px; left: 0px; overflow: hidden; opacity: 1; margin-top: -199.5px; margin-left: -230.4px;" frameborder="0" allowfullscreen="1" width="[(#INCLURE{#FICHIER}|extraire_attribut{width})]" height="[(#INCLURE{#FICHIER}|extraire_attribut{height})]" src="[(#INCLURE{#FICHIER}|extraire_attribut{src})]&autoplay=1&loop=1&modestbranding=1&controls=0&showinfo=0&rel=0&enablejsapi=1&version=3&playerapiid=mbYTP_bgndVideo&allowfullscreen=true&wmode=transparent&iv_load_policy=3&html5=1&mute=1[&playlist=(#INCLURE{#FICHIER}|extraire_attribut{src}|replace{'https:\/\/www\.youtube\.com\/embed\/\(\[^\?]*\).*','$1'}|replace{'\?feature=oembed',''})]"></iframe>39 </div>40 </div>]41 </a>]42 </div>43 </div>44 </BOUCLE_Slider>45 <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">46 <div class="slider-diapo-imgfull">47 <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>48 <img src="[(#CHEMIN{images/placeholder.jpg}|image_focus{1920,#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" alt="" />49 </a>50 </div>51 </div>52 <//B_Slider>53 </div>54 <div id="liens-diaporama">55 <ul>56 <li class="#EDIT{titre}">57 <a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]>58 <span>#TITRE</span>59 <span class="icon icon-arrow-right2 icon-2x">➜</span>60 </a>61 </li>62 [<li class="hide-for-small-only">(#INCLURE{fond=noisettes/liste_auteurs,id_article,nolink=1})</li>]63 [<li class="hide-for-small-only">(#INCLURE{fond=noisettes/aff_datepublication,id_article,lang})</li>]64 </ul>65 </div>66 </div>67 <!-- fin SLIDER -->68 </BOUCLE_ZoomSur>69 70 <B_CycloShow>71 <!-- SLIDER -->72 <div id="cycloshow" class="zone-slider">73 <div class="slider-slick">74 <BOUCLE_CycloShow(ARTICLES){titre_mot=CycloShow}{par num titre}{!par date}{lang}>75 <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">76 <div class="slider-diapo-imgfull">77 <a href="#URL_ARTICLE" tabindex="-1">78 <img src="[(#LOGO_ARTICLE_NORMAL|sinon{#CHEMIN{images/placeholder.jpg}}|image_focus{#GET{LargeurContaineur},#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" alt="">79 <div class="slider-content desc-gauche text-center">80 <h3 class="#EDIT{titre}">#TITRE</h3>81 [<p class="hide-for-small-only #EDIT{descriptif}">(#DESCRIPTIF|ptobr)</p>]82 [<p class="hide-for-small-only">(#INCLURE{fond=noisettes/liste_auteurs,id_article,nodiv=1,nolink=1})</p>]83 [<p class="hide-for-small-only">(#INCLURE{fond=noisettes/aff_datepublication,id_article,lang})</p>]84 </div>85 </a>86 </div>87 </div>88 </BOUCLE_CycloShow>89 </div>90 </div>91 </B_CycloShow>92 1 93 2 <BOUCLE_EDITO(ARTICLES) {titre_mot=EDITO}{!par date}{0,1}{lang}> … … 114 23 </BOUCLE_EDITO> 115 24 116 [<!-- ACTUS -->117 <div id="actualites" class="zone-actus">118 <header class="titre-sommaire">119 <h1><:soyezcreateurs:quoideneuf:></h1>120 </header>121 <div class="row" id="masonry" role="region" aria-label="Actualités">122 <div class="grid">123 <div class="grid-sizer"></div>124 <div class="gutter-sizer"></div>125 (#INCLURE{fond=noisettes/sommaire/sommaire_modeportailcognac_quoideneuf})126 </div>127 </div>128 <div class="text-center avec-margin-top avec-margin-bottom">129 <a class="button texte-blanc triadeA" href="#URL_PAGE{antichrono}"><:soyezcreateurs:actualite_toutes:></a>130 </div>131 </div>132 <!-- fin ACTUS -->133 ]134 <B_DessousBreves>135 <!-- PROJETS -->136 <div id="lesprojets" class="zone-projets">137 <header class="titre-sommaire">138 <h1>Les projets</h1>139 </header>140 <div id="projets" class="avec-margin-top">141 <BOUCLE_DessousBreves(RUBRIQUES){titre_mot IN DessousBreves,ZoomSur2}{par num titre}>142 <div class="projet idprojet#COMPTEUR_BOUCLE #EDIT{titre}"<BOUCLE_RubriqueColoree(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubrique(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}>[ style="background-color: #(#TEXTE|textebrut);"]</BOUCLE_CouleurRubrique></BOUCLE_RubriqueColoree>>143 <div class="content-projets">144 <BOUCLE_articles_plusdun(ARTICLES) {id_rubrique} {1,1}{lang}><a href="#URL_RUBRIQUE"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]></BOUCLE_articles_plusdun><BOUCLE_articles_unseul(ARTICLES) {id_rubrique} {0,1}{lang}><a href="#ARTICLE_URL"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]></BOUCLE_articles_unseul><a href="#URL_RUBRIQUE"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]><//B_articles_unseul><//B_articles_plusdun>145 <h2>#TITRE</h2>146 <div class="suite">147 <span class="icon icon-arrow-right2">➜</span>148 </div>149 </a>150 </div>151 </div>152 </BOUCLE_DessousBreves>153 </div>154 <div class="clearfix"></div>155 </div>156 <!-- fin PROJETS -->157 </B_DessousBreves>158 159 <B_GroupeBlocsDefilants>160 <!-- PRATIQUE -->161 <div id="pratique" class="zone-pratique">162 <BOUCLE_GroupeBlocsDefilants(RUBRIQUES){titre_mot=Goodies}{par num titre}>163 <B_BlocsDefilants>164 <header class="titre-sommaire">165 <h1[ title="(#DESCRIPTIF|attribut_html)"] class="#EDIT{titre}">#TITRE</h1>166 </header>167 <div role="region" aria-label="[(#TITRE|attribut_html)]">168 <div class="slider-pratique">169 <BOUCLE_BlocsDefilants(ARTICLES){id_rubrique}{par num titre}{lang}>170 <div class="content-pratique #EDIT{titre}">171 <a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]>172 <img src="[(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|sinon{#CHEMIN{images/placeholder.jpg}}|image_focus{280,190}|extraire_attribut{src})]" alt="" />173 <div class="h2"><span class="titre-pratique">#TITRE</span>174 <span class="icon icon-arrow-right2 icon-lg">➜</span></div>175 </a>176 </div>177 </BOUCLE_BlocsDefilants>178 </div>179 </div>180 </B_BlocsDefilants>181 </BOUCLE_GroupeBlocsDefilants>182 </div>183 <!-- fin PRATIQUE -->184 </B_GroupeBlocsDefilants>185 186 [(#PLUGIN{SOCIALTAGS}|oui)<div id="socialtags"></div>]187 188 </div><!-- cognac_content --></main>189 190 [<script src="(#CHEMIN{javascript/packery.pkgd.min.js})" type="text/javascript"></script>]191 [<script src="(#CHEMIN{javascript/imagesloaded.pkgd.min.js})" type="text/javascript"></script>]192 <script type="text/javascript">193 // slider Slick194 $(document).ready(function(){195 $('#diaporama .slider-slick').slick({196 autoplay: true,197 pauseOnHover: true,198 autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},199 fade: true,200 cssEase: 'linear',201 arrows: false,202 dots: true,203 centerMode: true,204 focusOnSelect: true205 });206 207 $('#cycloshow .slider-slick').slick({208 autoplay: true,209 pauseOnHover: true,210 autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},211 fade: true,212 cssEase: 'linear',213 arrows: true,214 dots: true,215 centerMode: true,216 focusOnSelect: true217 });218 219 // Pour que les éventuelles vidéos soient jouées220 // Ceci concerne la première vidéo (ou la seule)221 var vid = $('.slider-slick').find('video');222 if (vid.length > 0)223 $(vid).get(0).play();224 // Ceci concerne les autres vidéos225 $('.slider-slick').on('afterChange', function(event, slick, currentSlide){226 var vid = $(slick.$slides[currentSlide]).find('video');227 if (vid.length > 0)228 $(vid).get(0).play();229 });230 231 $('.slider-pratique').slick({232 dots: false,233 slidesToShow: [(#GET{LargeurContaineur}|div{304}|intval)],234 slidesToScroll: 3,235 infinite: true,236 variableWidth: true,237 responsive: [238 {239 breakpoint: [(#GET{LargeurContaineur}|moins{304}|intval)],240 settings: {241 slidesToShow: 2,242 slidesToScroll: 2,243 infinite: true,244 dots: true245 }246 },247 {248 breakpoint: 640,249 settings: {250 slidesToShow: 1,251 slidesToScroll: 1252 }253 }254 ]255 });256 });257 // external js: packery.pkgd.js, imagesloaded.pkgd.js258 // init packery after all images have loaded259 var $grid = $('.grid').imagesLoaded( function() {260 $grid.packery({261 itemSelector: '.grid-item',262 gutter: '.gutter-sizer',263 columnWidth: '.grid-sizer',264 percentPosition: false265 });266 });267 </script>268 269 25 #FILTRE{mini_html} -
_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire_modeportailcognac_zoomsur.html
r111204 r111212 1 #SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}2 #SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,180})}3 #SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})}4 #SET{Largeurcontent_central,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}})}5 #SET{Largeurcontent_extra,(#GET{LargeurContaineur}|moins{#GET{Largeurcontent_central}})}6 <script type="text/javascript">7 CanceladjustLayout = true;8 </script>9 <main id="main" role="main"><div id="cognac_content">10 <a id="letexte"></a>11 1 12 2 <BOUCLE_ZoomSur(ARTICLES) {titre_mot=ZoomSur}{!par date}{0,1}{lang}> … … 68 58 </BOUCLE_ZoomSur> 69 59 70 <B_CycloShow>71 <!-- SLIDER -->72 <div id="cycloshow" class="zone-slider">73 <div class="slider-slick">74 <BOUCLE_CycloShow(ARTICLES){titre_mot=CycloShow}{par num titre}{!par date}{lang}>75 <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">76 <div class="slider-diapo-imgfull">77 <a href="#URL_ARTICLE" tabindex="-1">78 <img src="[(#LOGO_ARTICLE_NORMAL|sinon{#CHEMIN{images/placeholder.jpg}}|image_focus{#GET{LargeurContaineur},#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" alt="">79 <div class="slider-content desc-gauche text-center">80 <h3 class="#EDIT{titre}">#TITRE</h3>81 [<p class="hide-for-small-only #EDIT{descriptif}">(#DESCRIPTIF|ptobr)</p>]82 [<p class="hide-for-small-only">(#INCLURE{fond=noisettes/liste_auteurs,id_article,nodiv=1,nolink=1})</p>]83 [<p class="hide-for-small-only">(#INCLURE{fond=noisettes/aff_datepublication,id_article,lang})</p>]84 </div>85 </a>86 </div>87 </div>88 </BOUCLE_CycloShow>89 </div>90 </div>91 </B_CycloShow>92 93 <BOUCLE_EDITO(ARTICLES) {titre_mot=EDITO}{!par date}{0,1}{lang}>94 95 <!-- EDITO -->96 <div id="edito" class="zone-edito">97 <header class="titre-sommaire">98 <h1 class="#EDIT{titre}">[(#TITRE)]</h1>99 </header>100 [<img class="editologo" 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="" />]101 <div id="editotexte">102 <div class="infos">[(#INCLURE{fond=noisettes/liste_auteurs,id_article,virgule=1,nodiv=1})][(#INCLURE{fond=noisettes/aff_datepublication,id_article,lang})]</div>103 <div>104 [<div class="[(#CHAPO*|?{#EDIT{chapo},#EDIT{descriptif}}) ]chapo">(#CHAPO|image_reduire{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},0}|sinon{#DESCRIPTIF})</div>]105 [<div class="#EDIT{texte} entry-content">(#TEXTE|image_reduire{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},0})</div>]106 [<div class="#EDIT{ps} ps">(#PS|image_reduire{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},0})</div>]107 [<div class="notes">(#NOTES)</div>]108 [<p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)" class="spip_out">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]109 [(#INCLURE{fond=noisettes/galerie,ajax,id_article,env})]110 </div>111 </div>112 </div>113 <!-- fin EDITO -->114 </BOUCLE_EDITO>115 116 [<!-- ACTUS -->117 <div id="actualites" class="zone-actus">118 <header class="titre-sommaire">119 <h1><:soyezcreateurs:quoideneuf:></h1>120 </header>121 <div class="row" id="masonry" role="region" aria-label="Actualités">122 <div class="grid">123 <div class="grid-sizer"></div>124 <div class="gutter-sizer"></div>125 (#INCLURE{fond=noisettes/sommaire/sommaire_modeportailcognac_quoideneuf})126 </div>127 </div>128 <div class="text-center avec-margin-top avec-margin-bottom">129 <a class="button texte-blanc triadeA" href="#URL_PAGE{antichrono}"><:soyezcreateurs:actualite_toutes:></a>130 </div>131 </div>132 <!-- fin ACTUS -->133 ]134 <B_DessousBreves>135 <!-- PROJETS -->136 <div id="lesprojets" class="zone-projets">137 <header class="titre-sommaire">138 <h1>Les projets</h1>139 </header>140 <div id="projets" class="avec-margin-top">141 <BOUCLE_DessousBreves(RUBRIQUES){titre_mot IN DessousBreves,ZoomSur2}{par num titre}>142 <div class="projet idprojet#COMPTEUR_BOUCLE #EDIT{titre}"<BOUCLE_RubriqueColoree(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubrique(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}>[ style="background-color: #(#TEXTE|textebrut);"]</BOUCLE_CouleurRubrique></BOUCLE_RubriqueColoree>>143 <div class="content-projets">144 <BOUCLE_articles_plusdun(ARTICLES) {id_rubrique} {1,1}{lang}><a href="#URL_RUBRIQUE"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]></BOUCLE_articles_plusdun><BOUCLE_articles_unseul(ARTICLES) {id_rubrique} {0,1}{lang}><a href="#ARTICLE_URL"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]></BOUCLE_articles_unseul><a href="#URL_RUBRIQUE"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]><//B_articles_unseul><//B_articles_plusdun>145 <h2>#TITRE</h2>146 <div class="suite">147 <span class="icon icon-arrow-right2">➜</span>148 </div>149 </a>150 </div>151 </div>152 </BOUCLE_DessousBreves>153 </div>154 <div class="clearfix"></div>155 </div>156 <!-- fin PROJETS -->157 </B_DessousBreves>158 159 <B_GroupeBlocsDefilants>160 <!-- PRATIQUE -->161 <div id="pratique" class="zone-pratique">162 <BOUCLE_GroupeBlocsDefilants(RUBRIQUES){titre_mot=Goodies}{par num titre}>163 <B_BlocsDefilants>164 <header class="titre-sommaire">165 <h1[ title="(#DESCRIPTIF|attribut_html)"] class="#EDIT{titre}">#TITRE</h1>166 </header>167 <div role="region" aria-label="[(#TITRE|attribut_html)]">168 <div class="slider-pratique">169 <BOUCLE_BlocsDefilants(ARTICLES){id_rubrique}{par num titre}{lang}>170 <div class="content-pratique #EDIT{titre}">171 <a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]>172 <img src="[(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL}|sinon{#CHEMIN{images/placeholder.jpg}}|image_focus{280,190}|extraire_attribut{src})]" alt="" />173 <div class="h2"><span class="titre-pratique">#TITRE</span>174 <span class="icon icon-arrow-right2 icon-lg">➜</span></div>175 </a>176 </div>177 </BOUCLE_BlocsDefilants>178 </div>179 </div>180 </B_BlocsDefilants>181 </BOUCLE_GroupeBlocsDefilants>182 </div>183 <!-- fin PRATIQUE -->184 </B_GroupeBlocsDefilants>185 186 [(#PLUGIN{SOCIALTAGS}|oui)<div id="socialtags"></div>]187 188 </div><!-- cognac_content --></main>189 190 [<script src="(#CHEMIN{javascript/packery.pkgd.min.js})" type="text/javascript"></script>]191 [<script src="(#CHEMIN{javascript/imagesloaded.pkgd.min.js})" type="text/javascript"></script>]192 <script type="text/javascript">193 // slider Slick194 $(document).ready(function(){195 $('#diaporama .slider-slick').slick({196 autoplay: true,197 pauseOnHover: true,198 autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},199 fade: true,200 cssEase: 'linear',201 arrows: false,202 dots: true,203 centerMode: true,204 focusOnSelect: true205 });206 207 $('#cycloshow .slider-slick').slick({208 autoplay: true,209 pauseOnHover: true,210 autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},211 fade: true,212 cssEase: 'linear',213 arrows: true,214 dots: true,215 centerMode: true,216 focusOnSelect: true217 });218 219 // Pour que les éventuelles vidéos soient jouées220 // Ceci concerne la première vidéo (ou la seule)221 var vid = $('.slider-slick').find('video');222 if (vid.length > 0)223 $(vid).get(0).play();224 // Ceci concerne les autres vidéos225 $('.slider-slick').on('afterChange', function(event, slick, currentSlide){226 var vid = $(slick.$slides[currentSlide]).find('video');227 if (vid.length > 0)228 $(vid).get(0).play();229 });230 231 $('.slider-pratique').slick({232 dots: false,233 slidesToShow: [(#GET{LargeurContaineur}|div{304}|intval)],234 slidesToScroll: 3,235 infinite: true,236 variableWidth: true,237 responsive: [238 {239 breakpoint: [(#GET{LargeurContaineur}|moins{304}|intval)],240 settings: {241 slidesToShow: 2,242 slidesToScroll: 2,243 infinite: true,244 dots: true245 }246 },247 {248 breakpoint: 640,249 settings: {250 slidesToShow: 1,251 slidesToScroll: 1252 }253 }254 ]255 });256 });257 // external js: packery.pkgd.js, imagesloaded.pkgd.js258 // init packery after all images have loaded259 var $grid = $('.grid').imagesLoaded( function() {260 $grid.packery({261 itemSelector: '.grid-item',262 gutter: '.gutter-sizer',263 columnWidth: '.grid-sizer',264 percentPosition: false265 });266 });267 </script>268 269 60 #FILTRE{mini_html} -
_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/paquet.xml
r111196 r111212 6 6 compatibilite="[3.1.8;3.2.*]" 7 7 logo="img_pack/soyezcreateurs_48.png" 8 schema="3.1.5 2"8 schema="3.1.53" 9 9 documentation="https://contrib.spip.net/SoyezCreateurs-1237?tri_articles=titre" 10 10 > … … 68 68 <utilise nom="modelexergue" compatibilite="[1.0.2;[" /> 69 69 <utilise nom="mll" compatibilite="[1.2.4;[" /> 70 <utilise nom="noizetier" compatibilite="[3.0.12;[" /> 70 71 <utilise nom="notation" compatibilite="[2.0.8;[" /> 71 72 <utilise nom="nuage" compatibilite="[4.0.5;[" /> … … 90 91 --> 91 92 <pipeline nom="ieconfig" inclure="soyezcreateurs_ieconfig.php" /> 93 <pipeline nom="noizetier_blocs_defaut" inclure="soyezcreateurs_pipelines.php" /> 92 94 93 95 -
_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/soyezcreateurs_administrations.php
r111126 r111212 259 259 } 260 260 if (version_compare($current_version,'3.1.52','<')) { 261 spip_log("SoyezCreateurs maj 3.1.5 1Début", 'soyezcreateurs_install'._LOG_INFO_IMPORTANTE);261 spip_log("SoyezCreateurs maj 3.1.52 Début", 'soyezcreateurs_install'._LOG_INFO_IMPORTANTE); 262 262 if (lire_config('soyezcreateurs/mode_affichage') == 'portailcognac') { 263 263 ecrire_config('soyezcreateurs/centrerlogo','oui'); 264 264 } 265 ecrire_meta($nom_meta_base_version,$current_version='3.1.52','non'); 266 267 } 268 if (version_compare($current_version,'3.1.53','<')) { 269 spip_log("SoyezCreateurs maj 3.1.53 Début", 'soyezcreateurs_install'._LOG_INFO_IMPORTANTE); 270 sc_noisettespardefaut(); 265 271 // On termine en invalidant les caches 266 272 include_spip('inc/invalideur'); 267 273 suivre_invalideur("soyezcreateurs"); 268 ecrire_meta($nom_meta_base_version,$current_version='3.1.5 2','non');274 ecrire_meta($nom_meta_base_version,$current_version='3.1.53','non'); 269 275 270 276 } … … 319 325 effacer_meta($nom_meta_base_version); 320 326 } 327 328 function sc_noisettespardefaut() { 329 include_spip('inc/noizetier_conteneur'); 330 include_spip('inc/config'); 331 include_spip('inc/ncore_type_noisette'); 332 include_spip('inc/ncore_noisette'); 333 include_spip('ncore/ncore'); 334 include_spip('ncore/noizetier'); 335 $conteneur = array(); 336 //Liste tous les noisettes de tous les conteneurs existant 337 $liste_noisettes = noizetier_noisette_lister('noizetier', $conteneur, '', $cle = 'rang_noisette'); 338 if (!isset($liste_noisettes['contenu/corps_sommaire_modecognac'])) {//S'il n'y a pas de noisettes dans contenu/corps 339 //Liste des noisettes à inserer 340 $noisettes = array('sommaire_modeportailcognac_zoomsur', 'sommaire_modeportailcognac_cycloshow', 'sommaire_modeportailcognac_sc_edito', 'sommaire_modeportailcognac_quoideneuf', 'sommaire_modeportailcognac_dessousBreves', 'sommaire_modeportailcognac_goodies'); 341 $conteneur = noizetier_conteneur_decomposer('contenu/corps_sommaire_modecognac'); 342 343 //Insersion des noisettes 344 foreach ($noisettes as $noisette) { 345 $id_noisette = noisette_ajouter('noizetier', $noisette, $conteneur); 346 } 347 } 348 } -
_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/soyezcreateurs_options.php
r111204 r111212 177 177 } 178 178 } 179 180 define('_NOIZETIER_REPERTOIRE_PAGES','contenu/'); -
_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/soyezcreateurs_pipelines.php
r95114 r111212 24 24 return $flux; 25 25 } 26 27 function soyezcreateurs_noizetier_blocs_defaut($flux) { 28 $flux = array('contenu'); 29 return $flux; 30 }
Note: See TracChangeset
for help on using the changeset viewer.