source: spip-zone/_squelettes_/zktx-kore/trunk/liste/articles-resume-col.html @ 110187

Last change on this file since 110187 was 110187, checked in by l.oiseau2nuit@…, 3 years ago

suite r110186 (c'est ca quand on fait pas gaffe au répertoire où l'on se trouve avant de commit...)

File size: 2.5 KB
RevLine 
[67751]1[(#REM)
2        Squelette de présentation d'une liste d'articles en multi-colonnes
3        (L) Squelettes ZKTX - 2012 - http://nutzme5.loiseau2nuit.net
4]
5<B_articles>
[109367]6
7        [<div class="h2 container">(#ENV{titre,<:derniers_articles:>})</div>]
[67751]8        #ANCRE_PAGINATION
[110187]9        <BOUCLE_articles(ARTICLES){id_rubrique?}{id_mot?}{par num titre}{!par date}{!par date} {pagination #ENV{nb,6}}>
[67751]10               
[109367]11                [(#REM)
12                        Affichage :
13                        -       mobile xs et sm: 1 colonne ( col-xs-12 col-sm-12 )
14                        -       tablettes et large: 3 colonnes ( .col-md-4 .col-lg-4 ) 
15
16                        Cf grilles css boostrap :
17                        - https://getbootstrap.com/docs/3.3/css/#grid
18
19                        Adapter les 2 COMPTEUR_BOUCLE selon nombre de colonnes
20                        - filtre |alterner : https://www.spip.net/fr_article4145.html
21                ]
[67751]22               
[109367]23                [(#COMPTEUR_BOUCLE|alterner{<div class="row">,'', ''})]
24                        <article class="item hentry col-xs-12 col-sm-12 col-md-4 col-lg-4 text-center">
25                                <!-- [(#LOGO_ARTICLE_RUBRIQUE|image_reduire{100,100})] -->
26                                [(#LOGO|image_reduire{240,240}|image_recadre{240,240,center}|inserer_attribut{class,'img-responsive center-block'}|inserer_attribut{alt,[(#NOM_SITE_SPIP|textebrut) ][(#TITRE|textebrut)]}|inserer_attribut{role,"img"})] [(#REM) http://romy.tetue.net/logos-automatiques-articles-SPIP#forum2039 ]
27                                <div class="h3 entry-title"><a href="#URL_ARTICLE" rel="bookmark">#TITRE</a></div>
28                                [<section class="#EDIT{intro} introduction entry-content">(#INTRODUCTION|couper{160}|abs_url)</section>]
29                                <ul class="small list-inline text-muted">
30                                        [<li><i class="fa fa-fw fa-calendar-o" aria-hidden="true"></i> <time class="published" datetime="[(#DATE|date_iso)]" itemprop="datePublished">(#DATE|affdate)</time></li>]
31                                        [<li><i class="fa fa-user-circle-o" aria-hidden="true"></i> <span class="author">(#LESAUTEURS)</span></li>]
32                                        <BOUCLE_nb_commentaires(FORUMS) {id_article}{plat} />
[110187]33                                                [(#TOTAL_BOUCLE|oui) [ <li><i class="fa fa-fw fa-comments-o" aria-hidden="true"></i> (#TOTAL_BOUCLE)</li>] ]
[109367]34                                        <//B_nb_commentaires>
[110187]35                                </ul>   
36                                <B_lesmots>
37                                        <ul class="list-inline text-muted">
38                                                <li><i class="fa fa-fw fa-tags" aria-hidden="true"></i></li>
39                                                <BOUCLE_lesmots(MOTS){id_article}>
40                                                        [<li><span class="label label-default">(#URL_MOT|abs_url|lien_ou_expose{#TITRE, [(#ID_MOT|=={#ENV{id_mot}})],supa_class,#TITRE,category})</span></li>]
41                                                </BOUCLE_lesmots>
[109367]42                                                </li>
[110187]43                                        </ul>
44                                </B_lesmots>   
[109367]45                        </article>
46                [(#COMPTEUR_BOUCLE|alterner{'', '', </div>})] [(#REM) /.row ]
47        </BOUCLE_articles>
48        [<nav class="container text-center clearfix">(#PAGINATION{page_precedent_suivant})</nav>]
[67751]49</B_articles>
Note: See TracBrowser for help on using the repository browser.