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.
 
 
 
 

106 lines
3.8 KiB

[(#REM)
rubrique classique:
- on liste les articles avec leur pseudo-logo
- on fait le lien vers les articles
param:
- id_rubrique
]<BOUCLE_rub(RUBRIQUES){id_rubrique}>
<!-- content -->
<div class="content">
<div class="container container-aoto">
<!--- gondole -->
<div class="gondole">
[(#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|sinon{#CHEMIN{img/image-transparente.png}}|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>]
<div class="gondole-fiche">
<div class="gondole-fiche-inner">
[<h1 class="gondole-titre #_rub:EDIT{titre}">(#TITRE)</h1>]
[<div class="gondole-texte #_rub:EDIT{texte}">(#TEXTE)</div>]
</div>
</div>
</div>
<!--- #gondole -->
<!-- listes articles -->
<B_articles>
<div class="liste-articles">
<BOUCLE_articles(ARTICLES){id_rubrique}{par num titre}{!par date}>
<!--- gondole articles -->
[(#REM) texte de gondole: logo sinon on prend 1er image ]
<div class="gondole[ (#COMPTEUR_BOUCLE|alterner{gondole--odd,gondole--even})]">
<a href="#URL_ARTICLE" class="gondole-link">
[(#SET{l,#ENV{l}|sinon{2000}})]
[(#SET{h,#ENV{h}|sinon{600}})]
[(#SET{fond,#ENV{f}|sinon{'#727272'}})]
<BOUCLE_trad_logo_fr(ARTICLES){traduction}{lang=fr}{0,1}>
[<div class="gondole-item wow fadeIn">(#LOGO_ARTICLE|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(DOCUMENTS){id_article}
{extension IN jpg,png,gif}
{par rang_lien, id_document}
{0,1}
{si #LOGO_ARTICLE|non}>
[<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>
</B_img_gondole>
[(#REM)
gerer le cas image sans article et rubrique sans rubrique:
on genere un fond vide
]
[(#LOGO_ARTICLE|non)
[<div class="gondole-item wow fadeIn">(#CHEMIN{img/image-transparente.png}|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>]
]
<//B_img_gondole>
</BOUCLE_trad_logo_fr>
</B_trad_logo_fr>
[(#REM)
pas de trad ... on envoie un fond vide aussi
] [<div class="gondole-item wow fadeIn">(#CHEMIN{img/image-transparente.png}|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>]
<//B_trad_logo_fr>
<div class="gondole-fiche">
<div class="gondole-fiche-inner">
[<h1 class="gondole-titre #EDIT{titre}">(#TITRE)</h1>]
[(#REM)
on cache le texte pour l'apercu soit different de la cible
[<div class="gondole-texte #EDIT{texte}">(#TEXTE|textebrut)</div>]
]
</div>
</div>
</a>
</div>
<!--- #gondole articles-->
</BOUCLE_articles>
</div>
</B_articles>
</div>
</div>
<!-- #content -->
</BOUCLE_rub>
#FILTRE{trim}