Ignore:
Timestamp:
Mar 7, 2018, 7:30:31 PM (3 years ago)
Author:
l.oiseau2nuit@…
Message:

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

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/zktx-kore/trunk/liste/articles-resume-col.html

    r109063 r109367  
    44]
    55<B_articles>
    6 <section class="container marketing">
    7 <div class="row">
     6
     7        [<div class="h2 container">(#ENV{titre,<:derniers_articles:>})</div>]
    88        #ANCRE_PAGINATION
    9         [<div class="h2">(#ENV{titre,<:derniers_articles:>})</div>]
    10        
    11                 <BOUCLE_articles(ARTICLES){id_rubrique?}{id_mot?} {!par date} {pagination #ENV{nb,6}}>
     9        <BOUCLE_articles(ARTICLES){id_rubrique?}{id_mot?} {!par date} {pagination #ENV{nb,6}}>
    1210               
    13                 [(#REM) Affichage défaut : 3 colonnes ( .col-lg-4 )     ]
     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                ]
    1422               
    15                
    16                 <article class="item hentry col-xs-12 col-sm-12 col-md-4 col-lg-4 text-center">
    17                         <!-- [(#LOGO_ARTICLE_RUBRIQUE|image_reduire{100,100})] -->
    18                         [(#LOGO|image_reduire{340,340}|inserer_attribut{class,'img-responsive center-block'}|inserer_attribut{alt,[(#NOM_SITE_SPIP|textebrut) ][(#TITRE|textebrut)]})] [(#REM) http://romy.tetue.net/logos-automatiques-articles-SPIP#forum2039 ]
    19                         <div class="h3 entry-title"><a href="#URL_ARTICLE" rel="bookmark">#TITRE</a></div>
    20                         [<section class="#EDIT{intro} introduction entry-content">(#INTRODUCTION|couper{160}|abs_url)</section>]
    21                         <ul class="small list-inline text-muted">
    22                                 [<li><i class="fa fa-calendar-o" aria-hidden="true"></i> <time class="published" datetime="[(#DATE|date_iso)]" itemprop="datePublished">(#DATE|affdate)</time></li>]
    23                                 [<li><i class="fa fa-user-circle-o" aria-hidden="true"></i> <span class="author">(#LESAUTEURS)</span></li>]
    24                                 <BOUCLE_nb_commentaires(FORUMS) {id_article}{plat} />
    25                                         [(#TOTAL_BOUCLE|oui) [ <li><i class="fa fa-comments" aria-hidden="true"></i> (#TOTAL_BOUCLE)</li>] ]
    26                                 <//B_nb_commentaires>
    27                                 <B_lesmots>
    28                                         <li><i class="fa fa-tags" aria-hidden="true"></i> <BOUCLE_lesmots(MOTS){id_article}{", "}>[<a href="[(#URL_MOT|url_absolue)]" rel="category">(#TITRE)</a>]</BOUCLE_lesmots>
    29                                         </li>
    30                                 </B_lesmots>
    31                         </ul>
    32                        
    33                 </article>
    34                
    35                 </BOUCLE_articles>
    36 
    37         [<nav class="text-center clearfix">(#PAGINATION{page_precedent_suivant})</nav>]
    38 </div>
    39 </section>
     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>]
    4044</B_articles>
Note: See TracChangeset for help on using the changeset viewer.