Changeset 84038 in spip-zone


Ignore:
Timestamp:
Aug 6, 2014, 8:35:18 PM (5 years ago)
Author:
l.oiseau2nuit@…
Message:

habillage et ajustements

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

Legend:

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

    r80467 r84038  
    1818        </article>
    1919       
     20        <B_auteur>
     21        <BOUCLE_auteur(AUTEURS){id_article}>
     22        <aside class="jumbotron auteur">
     23                [<span class="#EDIT{qui} h2"><:par_auteur:>(#NOM)</span>]
     24                [<p class="#EDIT{bio}">(#BIO)</p>]
     25        </aside>
     26        </BOUCLE_auteur>
     27        </B_auteur>
    2028       
    2129        [(#REM) Petition :
  • _squelettes_/zktx-kore/trunk/content/mot.html

    r80466 r84038  
    55
    66        <article>
    7           <header class="page-header">
    8             <h1 class="h1 #EDIT{titre}">#TITRE</h1>
    9                         [(#LOGO_MOT|image_reduire{200,200}|inserer_attribut{alt,#TITRE - #NOM_SITE_SPIP})]
    10                         [<div class="#EDIT{descriptif}">(#DESCRIPTIF|abs_url)</div>]
    11                         <INCLURE{fond=social/#ENV{type-page},env} />
    12           </header>
    13                
    14                 [<section class="#EDIT{texte}">(#TEXTE|abs_url)</section>]
     7                <section class="jumbotron">
     8                        [<section class="#EDIT{texte}">(#TEXTE|abs_url)</section>]
     9                        <INCLURE{fond=social/#ENV{type-page},env} />
     10                </section>
    1511                [<footer class="well"><hr />(#NOTES|abs_url)</footer>]
    1612        </article>
    1713
     14        <BOUCLE_articles(ARTICLES){id_mot}{0,1}>
     15                <INCLURE{fond=liste/articles-resume-col,env,ajax,titre=<:articles:>} />
     16        </BOUCLE_articles>
     17        </B_articles>
     18
    1819</BOUCLE_content>
  • _squelettes_/zktx-kore/trunk/content/sommaire.html

    r80466 r84038  
     1[(#REM) Derniers billets]
    12<nav>
    23        <BOUCLE_articles(ARTICLES){tout}{0,1}>
     
    89
    910[(#REM) Page d'accueil Contenu ]
    10 
    11 <header class="page-header" id="descriptif">
    12         [(#LOGO_RUBRIQUE_NORMAL{0}
    13                 |sinon{#LOGO_SITE_SPIP_NORMAL}
    14                 |image_reduire{350,0,center}
    15                 |inserer_attribut{alt,[(#SLOGAN_SITE_SPIP
    16                                                                         |sinon{#NOM_SITE_SPIP}
    17                                                                         |textebrut)]}
    18         )]
     11<header class="jumbotron" id="descriptif">
    1912        [<div class="texte #EDIT{meta-descriptif_site}">(#DESCRIPTIF_SITE_SPIP|abs_url)</div>] 
    2013        [(#INCLURE{fond=inclure/socialtags,env})]
     
    2215
    2316<B_sommaire_description_longue>
    24 <section>
     17<section id="description_longue">
    2518        <BOUCLE_sommaire_description_longue(ARTICLES){titre = sommaire_description_longue}{statut = prop}{0,1}>
    2619                <div class="#EDIT{texte}">[(#TEXTE|abs_url)]</div>
  • _squelettes_/zktx-kore/trunk/css/zktx.css.html

    r80466 r84038  
    1818}]
    1919
     20h3, .h3 {margin-bottom:0.75em;}
     21
    2022a:link, a:visited {
    2123        [color: #(#ID_RUBRIQUE
     
    2527                |couleur_foncer
    2628        );]
    27         text-decoration:underline;
     29        [(#REM) text-decoration:underline; ]
    2830}
    2931
     
    4042}
    4143
     44p {margin:0 0 1em 0;}
     45
     46[(#REM) Class Utilitaires Bootstrap ]
     47[(#REM) .pull-left, .pull-right {margin-bottom:0.75em;} ]
     48.pull-left {margin-right:1em;}
     49.pull-right {margin-left:1em;}
     50
    4251[(#REM)
    4352        Wrapper pour le contenu de la page, permettant de fixer le footer en bas de l'écran
     
    4756  min-height: 100%;
    4857  height: auto;
    49   /* Negative indent footer by its height */
     58  [(#REM) Negative indent footer by its height ]
    5059  margin: 0 auto -60px;
    51   /* Pad bottom by footer height */
     60  [(#REM)  bottom by footer height ]
    5261  padding: 0 0 60px;
    5362}
     
    6473}]
    6574
    66 [(#REM) Site header ]
    67 .bs-header {
    68   color: #cdbfe3;
    69   background-color: [#(#ID_RUBRIQUE
    70                       |couleur_rubrique
    71                       |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
    72                       |sinon{"EFEFEF"}
    73                     )];
    74   [background-image:url('(#LOGO_SITE_SPIP_SURVOL
    75                             |image_sepia{ [(#ID_RUBRIQUE
    76                                               |couleur_rubrique
    77                                               |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
    78                                               |sinon{"EFEFEF"}
    79                                           )] }
    80                             |image_gamma{-100}
    81                             |extraire_attribut{src}
    82                         )');
    83   background-position:50% 50%;
    84   background-repeat:no-repeat;]
     75[(#REM) Header des pages ]
    8576
    86 }
    87 /* Page headers */
    88 .bs-header {
    89   padding: 30px 15px 40px; /* side padding builds on .container 15px, so 30px */
    90   font-size: 16px;
    91   text-align: center;
    92   text-shadow: 0 1px 0 rgba(0,0,0,.15);
    93 }
    94 .bs-header h1 {
    95   color: #fff;
    96 }
    97 .bs-header p {
    98   font-weight: 300;
    99   line-height: 1.5;
    100 }
    101 .bs-header .container {
    102   position: relative;
    103 }
     77  .bs-header {
     78    color: #cdbfe3;
     79    background-color: [#(#ID_RUBRIQUE{0}|couleur_site|sinon{"EFEFEF"})];
     80    padding: 30px 15px 40px; /* side padding builds on .container 15px, so 30px */
     81    font-size: 16px;
     82    text-align: center;
     83    text-shadow: 0 1px 0 rgba(0,0,0,.15);
     84    background-position:50% 50%;
     85    background-repeat:no-repeat;
     86    [background-image:url('(#LOGO_SITE_SPIP_SURVOL
     87                              |image_sepia{ [(#ID_RUBRIQUE|couleur_site|sinon{"EFEFEF"})] }
     88                              |image_gamma{-100}
     89                              |extraire_attribut{src}
     90                            )');]
     91  }
    10492
    105 @media (min-width: 768px) {
    106   .bs-header {
    107     font-size: 21px;
    108     text-align: left;
     93      [(#REM) Pages rubriques ]
     94      <BOUCLE_rubrique_bs_header(RUBRIQUES){id_rubrique = #ENV{id_rubrique}}>
     95        .bs-header {
     96          background-color: [#(#ID_RUBRIQUE
     97                              |couleur_rubrique
     98                              |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
     99                              |sinon{"EFEFEF"}
     100                            )];
     101          [background-image:url('(#LOGO_RUBRIQUE_SURVOL
     102                                    |sinon{#LOGO_SITE_SPIP_SURVOL}
     103                                    |image_sepia{ [(#ID_RUBRIQUE
     104                                                      |couleur_rubrique
     105                                                      |sinon{ [(#ID_RUBRIQUE|couleur_site)] }
     106                                                      |sinon{"EFEFEF"}
     107                                                  )] }
     108                                    |image_gamma{-100}
     109                                    |extraire_attribut{src}
     110                                )');]
     111
     112        }
     113      </BOUCLE_rubrique_bs_header>
     114
     115    [(#REM) Pages mots ]
     116    <BOUCLE_mot_bs_header(MOTS){id_mot=#ENV{id_mot}}>
     117      .bs-header {
     118        [background-image:url('(#LOGO_MOT
     119                                  |sinon{ #LOGO_SITE_SPIP_SURVOL }
     120                                  |image_sepia{ [(#ID_RUBRIQUE|couleur_site|sinon{"EFEFEF"})] }
     121                                  |image_gamma{-100}
     122                                  |extraire_attribut{src}
     123                              )')!important;]
     124      }
     125    </BOUCLE_mot_bs_header>
     126
     127  .bs-header h1 {
     128    color: #fff;
    109129  }
    110   .bs-header h1 {
    111     font-size: 60px;
    112     line-height: 1;
     130  .bs-header p {
     131    font-weight: 300;
     132    line-height: 1.5;
    113133  }
    114 }
     134  .bs-header .container {
     135    position: relative;
     136  }
    115137
    116 @media (min-width: 992px) {
    117   .bs-header h1,
    118   .bs-header p {
    119     margin-right: 380px;
     138  @media (min-width: 768px) {
     139    .bs-header {
     140      font-size: 21px;
     141      text-align: left;
     142    }
     143    .bs-header h1 {
     144      font-size: 60px;
     145      line-height: 1;
     146    }
    120147  }
    121 }
     148
     149  @media (min-width: 992px) {
     150    .bs-header h1,
     151    .bs-header p {
     152      margin-right: 380px;
     153    }
     154  }
  • _squelettes_/zktx-kore/trunk/extra1/article.html

    r80466 r84038  
    11<B_extra2_article>
    2 <BOUCLE_extra2_article(ARTICLES){id_article}>
     2<BOUCLE_extra2_article(ARTICLES){id_article}{doublons}>
    33        [(#REM) Articles dans la meme rubrique ]
    44        <B_articles_rubrique>
    5         <nav class="col-sm-4 articles">
    6         [<div class="h2">(#TITRE_PARENT|sinon{<:articles_meme_rubrique:>})</div>]
    7                 <ul  class="list-group">
    8                         <BOUCLE_articles_rubrique(ARTICLES){id_rubrique} {par num titre}{inverse} {0,10}>
    9                          <li class="list-group-item[ active (#EXPOSE)]"><a href="#URL_ARTICLE"[ class="(#EXPOSE)"]>#TITRE</a></li>
    10                         </BOUCLE_articles_rubrique>
    11                 </ul>
     5        <nav class="col-sm-6 articles list-group">
     6                [<div class="h2">(#TITRE_PARENT|sinon{<:articles_meme_rubrique:>})</div>]
     7                <BOUCLE_articles_rubrique(ARTICLES){id_rubrique} {!par date} {0,3}{doublons}>
     8                 <a href="#URL_ARTICLE" class="list-group-item [ active (#EXPOSE)]">
     9                        [<figure class="pull-left">
     10                        (#LOGO_ARTICLE_NORMAL
     11                                |image_reduire{600,600}
     12                                |image_recadre{80,80,centrer}
     13                                |inserer_attribut{alt,#TITRE}
     14                                |inserer_attribut{class,thumbnail}
     15                                |inserer_attribut{class,img-responsive}
     16                        )</figure>]
     17                        <span class="list-group-item-heading h4">#TITRE</span>
     18                        [<p class="list-group-item-text">
     19                                (#DESCRIPTIF|sinon{[(#INTRODUCTION|couper{120})]})
     20                                [<small[ title="(#DATE|affdate{'c'})"] class="pubdate">&nbsp;|&nbsp;(#DATE|affdate)</small>]
     21                        </p>]
     22                       
     23                 </a>
     24                </BOUCLE_articles_rubrique>
    1225        </nav>
    1326        </B_articles_rubrique>
    1427
    15   [(#REM) Menu de navigation mots-cles ]
    16   <B_mots>
    17   <nav class="col-sm-4 mots">
    18       <div class="h2"><:mots_clefs:></div>
    19       <ul class="list-group">
    20       <BOUCLE_mots(MOTS) {id_article} {par titre}>
    21            <li class="list-group-item[ active (#EXPOSE)]"><a href="#URL_MOT" rel="tag">#TITRE</a></li>
    22       </BOUCLE_mots>
    23       </ul>
    24   </nav>
     28
     29        [(#REM) Menu de navigation mots-cles ]
     30        <B_mots>
     31        <nav class="col-sm-3 mots">
     32          <span class="h4"><:mots_clefs:></div>
     33          <ul class="list-group">
     34          <BOUCLE_mots(MOTS) {id_article} {par titre}>
     35               <li class="list-group-item[ active (#EXPOSE)]"><a href="#URL_MOT" rel="tag">#TITRE</a></li>
     36          </BOUCLE_mots>
     37          </ul>
     38        </nav>
    2539        </B_mots>
    26        
    27         <B_auteur>
    28                 <BOUCLE_auteur(AUTEURS){id_article}>
    29                 <aside class="col-sm-4 auteur">
    30                         <div class="h2"><:zktx:a_propos_auteur:></div>
    31                         [<h3 class="h3 #EDIT{qui}">(#NOM)</h2>]
    32                         [<p class="#EDIT{bio}">(#BIO|couper{200})</p>]
    33                 </aside>
    34                 </BOUCLE_auteur>
    35         </B_auteur>
    3640
    3741</BOUCLE_extra2_article>
  • _squelettes_/zktx-kore/trunk/formulaires/recherche.html

    r67766 r84038  
    1 <div class="formulaire_spip[ (#ENV{class})]" id="formulaire_recherche">
    2 <form action="[(#ENV{action})]" method="get">
    3         [(#ENV{action}|form_hidden)]           
    4         <fieldset class="fieldset">
    5                 <h2 class="legend"><:recherche:></h2>
    6                 <ul>
    7                         <li class="editer saisie_input">
    8                                 [<input id="recherche" type="hidden" name="lang" value="(#ENV{lang})" />]
    9                                 <label for="#ENV{_id_champ}">Entrer ici vos mot-cl&eacute;s</label>
    10                                 <input[ (#HTML5|?{type="search" class="search text",type="text" class="text"})] size="10" name="recherche" id="#ENV{_id_champ}"[ value="(#ENV{recherche})"] accesskey="4" autocapitalize="off" autocorrect="off" />
    11                         </li>
    12                 </ul>
    13         </fieldset>
    14         <p class="boutons"><input type="submit" class="submit" value="OK" title="<:info_rechercher:>" /></p>
    15 </form>
    16 </div>
     1<aside class="formulaire_spip[ (#ENV{class})]" id="formulaire_recherche">
     2        <div class="h4 legend"><:recherche:></div>
     3        <form class="well form-inline" role="form" action="[(#ENV{action})]" method="get">
     4                [(#ENV{action}|form_hidden)]           
     5                                <div class="form-group editer saisie_input">
     6                                        [<input id="recherche" type="hidden" name="lang" value="(#ENV{lang})" />]
     7                                        <input[ (#HTML5|?{type="search" class="form-control search",type="text" class="form-control search"[ placeholder="(#ENV{recherche})"]})] size="10" name="recherche" id="#ENV{_id_champ}"[ value="(#ENV{recherche})"] accesskey="4" autocapitalize="off" autocorrect="off" />
     8                                </div>
     9                        </div>
     10                <button type="submit" class="btn btn-default" title="<:info_rechercher:>">OK</button>
     11        </form>
     12</aside>
  • _squelettes_/zktx-kore/trunk/header/mot.html

    r81841 r84038  
    44                [(#LOGO_MOT_NORMAL
    55                        |sinon{[(#LOGO_RUBRIQUE_NORMAL{0})]}
    6                         |image_reduire{180,180}
     6                        |image_reduire{600,600}
     7                        |image_recadre{200,200,center}
    78                        |inserer_attribut{alt,[(#TITRE|textebrut)]}
    8                         |inserer_attribut{class,"img-circle"}
     9                        |inserer_attribut{class,"img-thumbnail"}
     10                        |inserer_attribut{class,"img-responsive"}
    911                )]
    1012                <h1 class="h1 #EDIT{titre}">#TITRE</h1>
  • _squelettes_/zktx-kore/trunk/inclure/rubriques.html

    r84035 r84038  
    88        On fait un plan, et, quand on avance vers une rubrique,
    99        on l'affiche si son parent est expose ou est la racine du site.
    10 ]<B_rubriques>
    11 <nav class="forums col-sm-4">
    12         <span class="h2"><:rubriques:></span>
    13         <ul class="list-group">
    14         <BOUCLE_rubriques(RUBRIQUES) {racine} {par num titre}{!par date}>
    15                 <li class="list-group-item">
    16                         <a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]>[(#TITRE|couper{80})]</a>
     10]
     11<B_rubriques>
     12<span class="h4"><:rubriques:></span>
     13<ul class="list-group">
     14<BOUCLE_rubriques(RUBRIQUES) {racine} {par num titre}{titre != ZKTX}>
     15        <li class="list-group-item">
     16                <a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]>[(#TITRE|couper{80})]</a>
    1717
    18                         <B_sous_rubriques>
    19                         <ul>
    20                                 <BOUCLE_sous_rubriques(RUBRIQUES) {id_parent} {par num titre}{!par date}><BOUCLE_test_expose(RUBRIQUES) {id_enfant}>#EXPOSE{' '}</BOUCLE_test_expose>
    21                                         <li><a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]>[(#TITRE|couper{80})]</a><BOUCLE_re(BOUCLE_sous_rubriques)></BOUCLE_re> </li>
    22                                 </B_test_expose></BOUCLE_sous_rubriques>
    23                         </ul>
    24                         </B_sous_rubriques>
     18                <B_sous_rubriques>
     19                <ul>
     20                        <BOUCLE_sous_rubriques(RUBRIQUES) {id_parent} {par num titre}{!par date}><BOUCLE_test_expose(RUBRIQUES) {id_enfant}>#EXPOSE{' '}</BOUCLE_test_expose>
     21                                <li><a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]>[(#TITRE|couper{80})]</a><BOUCLE_re(BOUCLE_sous_rubriques)></BOUCLE_re> </li>
     22                        </B_test_expose></BOUCLE_sous_rubriques>
     23                </ul>
     24                </B_sous_rubriques>
    2525
    26                 </li>
    27         </BOUCLE_rubriques>
    28 
    29         </ul>
    30 </nav>
     26        </li>
     27</BOUCLE_rubriques>
     28</ul>
    3129</B_rubriques>
  • _squelettes_/zktx-kore/trunk/liste/articles-resume-col.html

    r81847 r84038  
    99        <div class="h2">[(#ENV{titre,<:derniers_articles:>})]</div>
    1010       
    11                 <BOUCLE_articles(ARTICLES){id_rubrique?} {!par date} {pagination #ENV{nb,6}}>
     11                <BOUCLE_articles(ARTICLES){id_rubrique?}{id_mot?} {!par date} {pagination #ENV{nb,6}}>
    1212               
    1313                [(#REM) Affichage défaut : 3 colonnes ( .col-lg-4 )     ]
     
    1818                        [(#LOGO|image_passe_partout{102,102}|image_recadre{140,140,center}|inserer_attribut{class,img-circle}|inserer_attribut{data-src,holder.js/140x140})] [(#REM) http://romy.tetue.net/logos-automatiques-articles-SPIP#forum2039 ]
    1919                        <div class="h2 entry-title"><a href="#URL_ARTICLE" rel="bookmark">#TITRE</a></div>
    20                         <p class="info-publi">[<abbr class="published" title="[(#DATE|date_iso)]">(#DATE|affdate_jourcourt)</abbr>][<span class="sep">, </span><span class="auteurs"><:par_auteur:> (#LESAUTEURS)</span>]</p>
     20                        <p class="info-publi">[<abbr class="published" title="[(#DATE|date_iso)]">(#DATE|affdate)</abbr>][<span class="sep">, </span><span class="auteurs"><:par_auteur:> (#LESAUTEURS)</span>]</p>
    2121                        [<section class="#EDIT{intro} introduction entry-content">(#INTRODUCTION|couper{160}|abs_url)</section>]
    2222                        <p class="meta-publi">
Note: See TracChangeset for help on using the changeset viewer.