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

Last change on this file since 112693 was 112693, checked in by l.oiseau2nuit@…, 5 months ago

suite de r112678: bugs fixes, ménage, stabilisation, esthétique ... à poursuivre

File size: 2.3 KB
Line 
1[(#REM) liste/articles-resume-col.html ]
2<B_articles>
3
4        [<div class="h2 container">(#ENV{titre,<:derniers_articles:>})</div>]
5        #ANCRE_PAGINATION
6        <BOUCLE_articles(ARTICLES){id_rubrique?}{id_mot?}{par num titre}{!par date}{pagination #ENV{nb,6}}>
7                [(#REM)
8                        Affichage :
9                        -       mobile xs et sm: 1 colonne ( col-xs-12 col-sm-12 )
10                        -       tablettes et large: 3 colonnes ( .col-md-4 .col-lg-4 ) 
11
12                        Cf grilles css boostrap :
13                        - https://getbootstrap.com/docs/3.3/css/#grid
14
15                        Adapter les 2 COMPTEUR_BOUCLE selon nombre de colonnes
16                        - filtre |alterner : https://www.spip.net/fr_article4145.html
17                ]
18               
19                [(#COMPTEUR_BOUCLE|alterner{<div class="row">, ''})]
20                        <article class="item hentry col-sm-6 text-center">
21                                <!-- [(#LOGO_ARTICLE_RUBRIQUE|image_reduire{100,100})] -->
22                                [(#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 ]
23                                <div class="h3 entry-title"><a href="#URL_ARTICLE" rel="bookmark">#TITRE</a></div>
24                                [<p class="#EDIT{soustitre} entry-content">(#SOUSTITRE|sinon{#INTRODUCTION}|couper{160}|abs_url)</p>]
25                                <ul class="small list-inline text-muted">
26                                        [<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>]
27                                        [<li><i class="fa fa-user-circle-o" aria-hidden="true"></i> <span class="author">(#LESAUTEURS)</span></li>]
28                                        <BOUCLE_nb_commentaires(FORUMS) {id_article}{plat} />
29                                                [(#TOTAL_BOUCLE|oui) [ <li><i class="fa fa-fw fa-comments-o" aria-hidden="true"></i> (#TOTAL_BOUCLE)</li>] ]
30                                        <//B_nb_commentaires>
31                                </ul>   
32                                <B_lesmots>
33                                        <ul class="list-inline text-muted">
34                                                <li><i class="fa fa-fw fa-tags" aria-hidden="true"></i></li>
35                                                <BOUCLE_lesmots(MOTS){id_article}>
36                                                        [<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>]
37                                                </BOUCLE_lesmots>
38                                                </li>
39                                        </ul>
40                                </B_lesmots>   
41                        </article>
42                [(#COMPTEUR_BOUCLE|alterner{'', </div>})] [(#REM) /.row ]
43        </BOUCLE_articles>
44        [<nav class="container text-center clearfix">(#PAGINATION{page_precedent_suivant})</nav>]
45</B_articles>
Note: See TracBrowser for help on using the repository browser.