Changeset 109367 in spip-zone for _squelettes_/zktx-kore


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

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

Location:
_squelettes_/zktx-kore/trunk
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/zktx-kore/trunk/extra1/rubrique.html

    r105340 r109367  
    22        [(#REM) Menu de navigation mots-cles ]
    33        <B_mots>
    4         <nav class="mots col-sm-4">
     4        <nav class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
    55                <span class="h4"><:mots_clefs:></span>
    66                <ul class="list-group">
     
    1414        [(#REM) Breves du secteur ]
    1515        <B_breves>
    16         <aside class="breves col-sm-4">
     16        <aside class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
    1717                #ANCRE_PAGINATION
    1818                <span class="h4"><:breves:breves:></span>
     
    2828        [(#REM) Sites de la rubrique ]
    2929        <B_sites>
    30         <aside class="sites col-sm-4">
     30        <aside class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
    3131                #ANCRE_PAGINATION
    3232                <span class="h4"><:sites:sites:></span>
  • _squelettes_/zktx-kore/trunk/extra1/sommaire.html

    r80466 r109367  
    22[(#REM) Liens des forums ]
    33<B_forums_liens>
    4 <aside class="forums col-sm-4">
     4<aside class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
    55        <span class="h4"><:derniers_commentaires:></span>
    66        <ul class="list-group">
     
    1818[(#REM) Sur le Web ]
    1919<B_syndic>
    20 <aside class="syndic_articles col-sm-4">
     20<aside class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
    2121        <span class="h4"><:nouveautes_web:></span>
    2222        <ul class="list-group">
  • _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>
  • _squelettes_/zktx-kore/trunk/liste/rubriques-resume-col.html

    r109323 r109367  
    11<BOUCLE_secteur(HIERARCHIE){tout}{id_rubrique}{racine}{0,1}>
    2 <B_sous_rubriques_mktg>
    3 <section class="container marketing">
    4         <div class="row">
     2        <B_sous_rubriques_mktg>
    53                #ANCRE_PAGINATION
    6                 <BOUCLE_sous_rubriques_mktg(RUBRIQUES){id_parent} {!par num titre, titre} {pagination #ENV{nb,3}}>
    7                         <nav class="item hentry col-xs-12 col-sm-12 col-md-4 col-lg-4 text-center">
     4                <BOUCLE_sous_rubriques_mktg(RUBRIQUES){id_parent} {!par num titre, titre} {pagination #ENV{nb,6}}>
     5                        [(#REM)
     6                                Affichage :
     7                                -       mobile xs et sm: 1 colonne ( col-xs-12 col-sm-12 )
     8                                -       tablettes et large: 3 colonnes ( .col-md-4 .col-lg-4 ) 
     9
     10                                Cf grilles css boostrap :
     11                                - https://getbootstrap.com/docs/3.3/css/#grid
     12
     13                                Adapter les 2 COMPTEUR_BOUCLE selon nombre de colonnes
     14                                - filtre |alterner : https://www.spip.net/fr_article4145.html
     15                        ]
     16                        [(#COMPTEUR_BOUCLE|alterner{<nav class="row">,'', ''})]
     17                        <article class="item hentry col-xs-12 col-sm-12 col-md-4 col-lg-4 text-center">
    818                                <!-- [(#LOGO_ARTICLE_RUBRIQUE|image_reduire{100,100})] -->
    919                                [(#LOGO|image_reduire{240,240}|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 ]
    10                                 <div class="h3 entry-title"><a href="#URL_RUBRIQUE" rel="bookmark">#TITRE</a></div>
     20                                <p class="h3 entry-title"><i class="fa fa-fw fa-folder-open" aria-hidden="true"></i> <a href="#URL_RUBRIQUE" rel="bookmark">#TITRE</a></p>
    1121                                [<section class="#EDIT{intro} introduction entry-content">(#INTRODUCTION|couper{160}|abs_url)</section>]
    12                         </nav>
     22                        </article>
     23                        [(#COMPTEUR_BOUCLE|alterner{'', '', </nav>})] [(#REM) /.row ]
    1324                </BOUCLE_sous_rubriques_mktg>
     25               
    1426                [<nav class="text-center clearfix">(#PAGINATION{page_precedent_suivant})</nav>]
    15         </div>
    16 </section>
    17 </B_sous_rubriques_mktg>
     27        </B_sous_rubriques_mktg>
    1828</BOUCLE_secteur>
Note: See TracChangeset for help on using the changeset viewer.