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

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

BS grid fixs sur les listes/article-resume-col et sur les extra1

File size: 2.3 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
[109367]9        <BOUCLE_articles(ARTICLES){id_rubrique?}{id_mot?} {!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} />
33                                                [(#TOTAL_BOUCLE|oui) [ <li><i class="fa fa-fw fa-comments" aria-hidden="true"></i> (#TOTAL_BOUCLE)</li>] ]
34                                        <//B_nb_commentaires>
35                                        <B_lesmots>
36                                                <li><i class="fa fa-fw fa-tags" aria-hidden="true"></i> <BOUCLE_lesmots(MOTS){id_article}{", "}>[<a href="[(#URL_MOT|url_absolue)]" rel="category">(#TITRE)</a>]</BOUCLE_lesmots>
37                                                </li>
38                                        </B_lesmots>
39                                </ul>   
40                        </article>
41                [(#COMPTEUR_BOUCLE|alterner{'', '', </div>})] [(#REM) /.row ]
42        </BOUCLE_articles>
43        [<nav class="container text-center clearfix">(#PAGINATION{page_precedent_suivant})</nav>]
[67751]44</B_articles>
Note: See TracBrowser for help on using the repository browser.