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


Ignore:
Timestamp:
Apr 12, 2018, 5:01:01 PM (15 months ago)
Author:
l.oiseau2nuit@…
Message:

un peu de marqueur, cosmétique et de ré arrangement page article

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

Legend:

Unmodified
Added
Removed
  • _squelettes_/zktx-kore/trunk/content/article.html

    r109063 r109893  
    1212
    1313        [(#REM) Contenu principal ]
     14        [<header class="page-header #EDIT{chapo} surlignable lead">(#CHAPO|abs_url)</header>]
     15
     16        <ul class="list-inline">                       
     17                [<li><span class="glyphicon glyphicon-user"></span> <span class="authors">(#LESAUTEURS)</span><li>]
     18                <li><span class="glyphicon glyphicon-time"></span> <time class="published" datetime="[(#DATE|date_iso)]" itemprop="datePublished">[(#DATE|affdate)]</time></li>
     19                [<li><span class="small text-muted"><:zktx:modifie_le:> <time update class="updated" datetime="[(#DATE_MODIF|date_iso)]">(#DATE_MODIF|affdate)</time></span></li>]
     20                [<li>(#MODELE{article_traductions})</li>] [(#REM) liens de traduction ]
     21               
     22                <B_lesmots>
     23                        <li><span class="glyphicon glyphicon-tags"></span></li>
     24                        <li><BOUCLE_lesmots(MOTS){id_article}><a class="btn btn-link" href="[(#URL_MOT|url_absolue)]" rel="category">#TITRE</a></BOUCLE_lesmots></li>
     25                </B_lesmots>                   
     26        </ul>
     27
     28
    1429        <div class="row">
    1530
    16                 [<header class="page-header #EDIT{chapo} surlignable lead">(#CHAPO|abs_url)</header>]
    17 
    18                 <div class="col-xs-12 col-sm-6 col-md-8 col-lg-8">
    19                         <div class="well">                     
    20                                 [<p><span class="glyphicon glyphicon-user"></span> <span class="authors">(#LESAUTEURS)</span></p>]
    21                                 <p>
    22                                         <span class="glyphicon glyphicon-time"></span> <time class="published" datetime="[(#DATE|date_iso)]" itemprop="datePublished">[(#DATE|affdate)]</time>[ <span class="small text-muted"><:zktx:modifie_le:> <time update class="updated" datetime="[(#DATE_MODIF|date_iso)]">(#DATE_MODIF|affdate)</time></span>]
    23                                 </p>
    24                                 <B_lesmots>
    25                                         <p><span class="glyphicon glyphicon-tags"></span> <BOUCLE_lesmots(MOTS){id_article}{", "}>[ <a href="[(#URL_MOT|url_absolue)]" rel="category">(#TITRE)</a>]</BOUCLE_lesmots></p>
    26                                 </B_lesmots>                   
    27                         </div>
     31                <div class="col-xs-12 col-sm-6 col-md-8 col-lg-9">
    2832
    2933                        [<p class="#EDIT{hyperlien} hyperlien"><a target="_blank" class="btn btn-lg btn-primary" href="(#URL_SITE)">[(#NOM_SITE|sinon{"<:voir_en_ligne:>"})]</a></p>]
    3034
    3135                        [<section class="#EDIT{texte} surlignable">(#TEXTE|image_reduire{750,0}|abs_url)</section>]
     36                       
     37                </div>
     38       
     39                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
     40                        [<aside class="well #EDIT{ps}">(#PS)</aside>]
     41                       
    3242                        [(#REM) portfolio & documents ]
    3343                        [<aside class="well" role="contentinfo">(#INCLURE{fond=inclure/documents}{id_article})</aside>]
    3444
    35                 </div>
    36        
    37                 <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
    38                         [<aside class="well #EDIT{ps}">(#PS)</aside>]
     45                        [(#REM) un bloc pour présenter l'auteur, sauf si c'est le 1 {!id_auteur = 1}
     46                               
     47                                on part du principe que l'auteur principal du site est
     48                                - soit déjà suffisement référencé
     49                                - soit il est juste webmaster et n'intervient pas en rédaction
     50                        ]
     51                        <B_auteur>
     52                        <BOUCLE_auteur(AUTEURS){id_article}{!id_auteur = 1}>
     53                                <aside class="author" itemprop="author">
     54                                        <figure class="well">
     55                                                [<p class="h3"><span class="glyphicon glyphicon-user"></span> <span class="#EDIT{qui} name">(#NOM)</span></p>]
     56                                                [(#LOGO_AUTEUR|image_reduire{80,80}|image_recadre{80,80,center}|inserer_attribut{class,'img-responsive img-circle pull-right'}|inserer_attribut{alt,'#NOM'})]   
     57                                                <figcaption>
     58                                                        [<div class="#EDIT{auteur_baseline} bio">(#BIO|couper{300})</div>]
     59                                                        <p class="form-group">
     60                                                                <a rel="author" class="btn btn-primary" href="[(#URL_AUTEUR|url_absolue)]"><i class="fa fa-user-circle" aria-hidden="true"></i> En savoir +</a>
     61                                                                [ <span class="#EDIT{url_site}"><a class="btn btn-default spip_out fn url" href="#URL_SITE"><i class="fa fa-external-link" aria-hidden="true"></i> (#NOM_SITE|sinon{#URL_SITE})</a></span>]
     62                                                        </p>
     63                                                </figcaption>
     64                                        </figure>
     65                                </aside>
     66                        </BOUCLE_auteur>
     67                        </B_auteur>
     68
    3969                        [(#REM) infos de publication ]
    4070                        <aside class="well">
    41                                 [(#REM) liens de traduction ]
    42                                 #MODELE{article_traductions}
    43                                
    4471                                [(#REM) Boutons de partage ]
    45 
    4672                                [<p><i class="fa fa-share-square-o"></i> Partager cet article</p>
    4773                                <p class="text-center">(#INCLURE{fond=inclure/socialtags,env})</p>]
    48                                
    49                                
    5074                                <p><span class="glyphicon glyphicon-comment"></span> <a href="#comments"><:zktx:jump2comments:></a></p>
    5175                        </aside>
     
    5478                </div>
    5579       
    56         </div>
    57        
    58         <B_auteur>
    59         <BOUCLE_auteur(AUTEURS){id_article}>
    60         <aside class="jumbotron row">
     80        </div> [(#REM) /.row ]
    6181
    62                 [<figure class="text-center col-xs-12 col-sm-12 col-md-4 col-lg-2">(#LOGO_AUTEUR|image_reduire{80,80}|image_recadre{80,80,center}|inserer_attribut{class,'img-responsive img-circle'}|inserer_attribut{alt,'#NOM'})</figure>]
    63 
    64                 <div class="col-xs-12 col-sm-12 col-md-4 col-lg-8">
    65                         [<span class="#EDIT{qui} h2 author" itemprop="author"><span class="glyphicon glyphicon-user"></span> (#NOM)</span>]
    66                         [<p class="#EDIT{bio}"><small>(#AUTEUR_BASELINE|sinon{[(#BIO|couper{260})]})</small></p>]
    67                 </div>
    68                 <nav clas="col-xs-12 col-sm-12 col-md-4 col-lg-2"><a rel="author" class="btn btn-outline btn-lg" href="[(#URL_AUTEUR|url_absolue)]">En savoir +</a></nav>
    69         </aside>
    70         </BOUCLE_auteur>
    71         </B_auteur>
    72 
    73         [(#REM) Petition ]
    74         [<section class="ajax">(#PETITION|oui)<INCLURE{fond=inclure/petition,id_article,env,ajax} /></section>]
    75 
    76         [(#REM) Forum & comments ]     
    77         <INCLURE{fond=inclure/forum,id_article,repondre_url=(#PARAMETRES_FORUM|url_reponse_forum)} />
     82        [(#REM) Jumbotron article connexes ]
     83        <B_articles_rubrique>
     84        <nav class="container" role="complementary">
     85                [<p class="h2">(#TITRE_PARENT|sinon{<:articles_meme_rubrique:>})</p>]           
     86                <BOUCLE_articles_rubrique(ARTICLES){id_rubrique} {!par date} {0,1}{doublons}>
     87                        <div class="jumbotron"><INCLURE{fond=liste/articles-resume-col,env,ajax,titre=<:articles_rubrique:>} /></div>
     88                </BOUCLE_articles_rubrique>
     89        </nav>
     90        </B_articles_rubrique>
     91        <//B_articles_rubrique>
    7892
    7993</article>
  • _squelettes_/zktx-kore/trunk/extra1/article.html

    r108176 r109893  
    33<B_extra1_article>
    44<BOUCLE_extra1_article(ARTICLES){id_article}{doublons}>
    5         [(#REM) Articles dans la meme rubrique ]
    6         <B_articles_rubrique>
    7         <nav class="col-sm-6 articles list-group">
    8                 [<div class="h2">(#TITRE_PARENT|sinon{<:articles_meme_rubrique:>})</div>]
    9                 <BOUCLE_articles_rubrique(ARTICLES){id_rubrique} {!par date} {0,3}{doublons}>
    10                  <a href="#URL_ARTICLE" class="list-group-item [ active (#EXPOSE)]">
    11                         [<figure class="pull-left">
    12                         (#LOGO
    13                                 |image_reduire{600,600}
    14                                 |image_recadre{80,80,centrer}
    15                                 |inserer_attribut{alt,#TITRE}
    16                                 |inserer_attribut{class,thumbnail}
    17                                 |inserer_attribut{class,img-responsive}
    18                         )</figure>]
    19                         <span class="list-group-item-heading h4">#TITRE</span>
    20                         [<p class="list-group-item-text">
    21                                 (#DESCRIPTIF|sinon{[(#INTRODUCTION|couper{120})]})
    22                                 [<small[ title="(#DATE|affdate{'c'})"] class="pubdate">&nbsp;|&nbsp;(#DATE|affdate)</small>]
    23                         </p>]
    24                        
    25                  </a>
    26                 </BOUCLE_articles_rubrique>
    27         </nav>
    28         </B_articles_rubrique>
    29 
    30 
    31         [(#REM) Menu de navigation mots-cles ]
    32         <B_mots>
    33         <nav class="col-sm-3 mots">
    34           <span class="h4"><:mots_clefs:></div>
    35           <ul class="list-group">
    36           <BOUCLE_mots(MOTS) {id_article} {par titre}>
    37                <li class="list-group-item[ active (#EXPOSE)]"><a href="#URL_MOT" rel="tag">#TITRE</a></li>
    38           </BOUCLE_mots>
    39           </ul>
    40         </nav>
    41         </B_mots>
    42 
     5<aside class="container ajax" role="contentinfo">
     6        [(#REM) Petition ]
     7        [(#PETITION|oui)<INCLURE{fond=inclure/petition,id_article,env,ajax} />]
     8       
     9        [(#REM) Forum & comments ]     
     10        <INCLURE{fond=inclure/forum,id_article,repondre_url=(#PARAMETRES_FORUM|url_reponse_forum)} />
     11</aside>
    4312</BOUCLE_extra1_article>
    4413</B_extra1_article>
Note: See TracChangeset for help on using the changeset viewer.