Squelette élégant pour vos photos
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

131 lines
4.5 KiB

[(#REM)
rubrique portfolio:
comme pour article porfolio,
on liste tous les articles de la rubrique à la facon d'un portfolio avec les titres et texte
ATTENTION: si modification
modifier aussi inc/article_portfolio
param:
- id_rubrique
]<BOUCLE_rub(RUBRIQUES){id_rubrique}>
<!-- content -->
<div class="content">
<div class="container container-aoto">
<!--- gondole -->
[(#REM) texte de gondole: logo sinon on prend 1er image du 1er article ]
<div class="gondole gondole-play-wrapper-js">
[(#SET{l,#ENV{l}|sinon{2000}})]
[(#SET{h,#ENV{h}|sinon{600}})]
[(#SET{fond,#ENV{f}|sinon{'#727272'}})]
[<div class="gondole-item wow fadeIn">(#LOGO_RUBRIQUE|image_proportions{#GET{l},#GET{h},focus}
|image_reduire{#GET{l},#GET{h},center center}
|image_recadre{#GET{l},#GET{h},center,#GET{fond}}
|inserer_attribut{alt,#ENV{titre}|textebrut})</div>]
<BOUCLE_art_premier(ARTICLES){id_rubrique}{par num titre}{!par date}{0,1}{si #LOGO_RUBRIQUE|non}>
<BOUCLE_img_gondole(DOCUMENTS){id_article}
{extension IN jpg,png,gif}
{par rang_lien, id_document}
{0,1}
>
[<div class="gondole-item wow fadeIn">(#FICHIER|image_proportions{#GET{l},#GET{h},focus}
|image_reduire{#GET{l},#GET{h},center center}
|image_recadre{#GET{l},#GET{h},center,#GET{fond}}
|inserer_attribut{alt,#ENV{titre}|textebrut})</div>]
</BOUCLE_img_gondole>
</BOUCLE_art_premier>
<div class="gondole-fiche">
<div class="gondole-fiche-inner">
[<h1 class="gondole-titre #EDIT{titre}">(#TITRE)</h1>]
[<div class="gondole-texte #EDIT{texte}">(#TEXTE)</div>]
</div>
</div>
<div class="gondole-play">
<svg fill="currentColor" viewBox="0 0 30 30" id="sm-icon-def-large-Play"><path d="M21 15L9 23V7l12 8" fill-rule="evenodd"></path></svg>
</div>
</div>
<!--- #gondole -->
<!--- planche -->
[(#REM) planche contact en 3 colonnes responsives ]
<div class="planche planche--legende-visible">
[(#REM) compteur photo]
#SET{c,1}
<B_art1>
<div class="planche-col planche-col-1">
<BOUCLE_art1(ARTICLES){id_rubrique}{par num titre}{!par date}{1/3}>
<BOUCLE_img1(DOCUMENTS){id_article}
{extension IN jpg,png,gif}
{par rang_lien, id_document}
{0,1}>
[<figure class="planche-item wow fadeIn">
<a href="#URL_DOCUMENT" data-fancybox="images" class="planche-item-lien planche-item-lien-#GET{c}">(#FICHIER|image_reduire{1000,0})</a>
[(#_art1:TITRE|sinon{#_art1:TEXTE}|oui)<figcaption>]
[<h6 class="planche-item-titre">(#_art1:TITRE)</h6>]
[<div class="planche-item-desc">(#_art1:TEXTE)</div>]
[(#_art1:TITRE|sinon{#_art1:TEXTE}|oui)</figcaption>]
</figure>]
[(#SET{c,#GET{c}|plus{1}})]
</BOUCLE_img1>
</BOUCLE_art1>
</div>
</B_art1>
<B_art2>
<div class="planche-col planche-col-2">
<BOUCLE_art2(ARTICLES){id_rubrique}{par num titre}{!par date}{2/3}>
<BOUCLE_img2(DOCUMENTS){id_article}
{extension IN jpg,png,gif}
{par rang_lien, id_document}
{0,1}>
[<figure class="planche-item wow fadeIn">
<a href="#URL_DOCUMENT" data-fancybox="images" class="planche-item-lien planche-item-lien-#GET{c}">(#FICHIER|image_reduire{1000,0})</a>
[(#_art2:TITRE|sinon{#_art2:TEXTE}|oui)<figcaption>]
[<h6 class="planche-item-titre">(#_art2:TITRE)</h6>]
[<div class="planche-item-desc">(#_art2:TEXTE)</div>]
[(#_art2:TITRE|sinon{#_art2:TEXTE}|oui)</figcaption>]
</figure>]
[(#SET{c,#GET{c}|plus{1}})]
</BOUCLE_img2>
</BOUCLE_art2>
</div>
</B_art2>
<B_art3>
<div class="planche-col planche-col-3">
<BOUCLE_art3(ARTICLES){id_rubrique}{par num titre}{!par date}{3/3}>
<BOUCLE_img3(DOCUMENTS){id_article}
{extension IN jpg,png,gif}
{par rang_lien, id_document}
{0,1}>
[<figure class="planche-item wow fadeIn">
<a href="#URL_DOCUMENT" data-fancybox="images" class="planche-item-lien planche-item-lien-#GET{c}">(#FICHIER|image_reduire{1000,0})</a>
[(#_art3:TITRE|sinon{#_art3:TEXTE}|oui)<figcaption>]
[<h6 class="planche-item-titre">(#_art3:TITRE)</h6>]
[<div class="planche-item-desc">(#_art3:TEXTE)</div>]
[(#_art3:TITRE|sinon{#_art3:TEXTE}|oui)</figcaption>]
</figure>]
[(#SET{c,#GET{c}|plus{1}})]
</BOUCLE_img3>
</BOUCLE_art3>
</div>
</B_art3>
</div>
<!--- planche -->
</div>
</div>
<!-- #content -->
</BOUCLE_rub>
#FILTRE{trim}