Browse Source

intégration des breadcrumb 'à la SPIPr' + refonte CSS autour de la génération des couleurs + multiples débuguages

svn/root/trunk
l.oiseau2nuit@gmail.com 4 years ago
parent
commit
49732a2b32
  1. 12
      .gitattributes
  2. 7
      body.html
  3. 8
      breadcrumb.html
  4. 1
      breadcrumb/401.html
  5. 1
      breadcrumb/404.html
  6. 3
      breadcrumb/auteur.html
  7. 15
      breadcrumb/dist.html
  8. 17
      breadcrumb/forum.html
  9. 6
      breadcrumb/inc-objet.html
  10. 6
      breadcrumb/login.html
  11. 6
      breadcrumb/mot.html
  12. 1
      breadcrumb/plan.html
  13. 1
      breadcrumb/recherche.html
  14. 12
      content/401.html
  15. 31
      content/article.html
  16. 12
      content/auteur.html
  17. 12
      content/en_travaux.html
  18. 9
      content/mot.html
  19. 18
      content/recherche.html
  20. 9
      content/rubrique.html
  21. 11
      content/site.html
  22. 138
      css/zktx.css.html
  23. 2
      header/article.html
  24. 2
      header/rubrique.html
  25. 2
      header/sommaire.html
  26. BIN
      img/zktx.png
  27. 8
      inclure/portfolio.html
  28. 4
      paquet.xml
  29. 6
      zktx_options.php

12
.gitattributes vendored

@ -14,6 +14,17 @@
/backend.html -text
balises/logo.html -text
/body.html -text
/breadcrumb.html -text
breadcrumb/401.html -text
breadcrumb/404.html -text
breadcrumb/auteur.html -text
breadcrumb/dist.html -text
breadcrumb/forum.html -text
breadcrumb/inc-objet.html -text
breadcrumb/login.html -text
breadcrumb/mot.html -text
breadcrumb/plan.html -text
breadcrumb/recherche.html -text
content/401.html -text
content/404.html -text
content/article.html -text
@ -76,6 +87,7 @@ img/zktx-128.png -text
img/zktx-16.png -text
img/zktx-32.png -text
img/zktx-64.png -text
img/zktx.png -text
inclure/article-resume.html -text
inclure/articles-connexes-mots.html -text
inclure/articles-connexes-rubrique.html -text

7
body.html

@ -1,18 +1,19 @@
<body id="top" role="document" itemscope itemtype="http://schema.org/WebPage">
<INCLURE{fond=header/#ENV{type-page},env} />
<INCLURE{fond=breadcrumb,env} />
<section class="bs-content" id="content" role="main">
<INCLURE{fond=content/#ENV{type-page},env} />
</section>
<aside class="bs-extra" id="extra1" role="complementary">
<aside class="bs-extra extra1" role="complementary">
<INCLURE{fond=extra1/#ENV{type-page},env} />
</aside>
<aside class="bs-extra" id="extra2" role="complementary">
<aside class="bs-extra extra2" role="complementary">
<INCLURE{fond=extra2/#ENV{type-page},env} />
</aside>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<INCLURE{fond=inclure/nav-bs,env} />
</nav>
[<nav class="bs-extra">(#INCLURE{fond=inclure/menu, env, identifiant=socialnav})</nav>]
[<nav class="bs-extra" id="socialnav">(#INCLURE{fond=inclure/menu, env, identifiant=socialnav})</nav>]
<footer class="bs-footer" id="footer" role="contentinfo">
<INCLURE{fond=footer/#ENV{type-page},env} />
</footer>

8
breadcrumb.html

@ -0,0 +1,8 @@
<nav class="bs-extra bs-breadcrumb" role="navigation">
<ol role="navigation" class="container breadcrumb" prefix="v: http://rdf.data-vocabulary.org/#">
[<li typeof="v:Breadcrumb"><i class="fa fa-fw fa-lg fa-home" aria-hidden="true"></i>
(#ENV{type-page}|match{sommaire}|?{<span property="v:title"><:accueil_site:></span>,<a rel="home v:url" property="v:title" itemprop="url" href="#URL_SITE_SPIP/"><:accueil_site:></a>})
</li>]
<INCLURE{fond=breadcrumb/#ENV{type-page},env} />
</ol>
</nav>

1
breadcrumb/401.html

@ -0,0 +1 @@
[<li typeof="v:Breadcrumb" class="active"><strong property="v:title"><i class="fa fa-fw fa-exclamation-triangle" title="<:pass_erreur:>"></i> (#ENV{status})</strong></li>]

1
breadcrumb/404.html

@ -0,0 +1 @@
<li typeof="v:Breadcrumb" class="active"><strong property="v:title"><i class="fa fa-fw fa-exclamation-triangle" title="<:pass_erreur:>"></i> 404</strong></li>

3
breadcrumb/auteur.html

@ -0,0 +1,3 @@
<BOUCLE_content(AUTEURS){id_auteur}>
[<li typeof="v:Breadcrumb" class="active"><i class="fa fa-fw fa-user" title="<:info_auteurs:>"></i> <span property="v:title" itemprop="title">(#NOM|couper{80})</span></li>]
</BOUCLE_content>

15
breadcrumb/dist.html

@ -0,0 +1,15 @@
#SET{objet,''}#SET{id_objet,''}
[(#ENV{id_rubrique}|oui)#SET{objet,rubrique}#SET{id_objet,#ENV{id_rubrique}}]
[(#ENV{id_syndic}|oui)#SET{objet,site}#SET{id_objet,#ENV{id_syndic}}]
[(#ENV{id_breve}|oui)#SET{objet,breve}#SET{id_objet,#ENV{id_breve}}]
[(#ENV{id_article}|oui)#SET{objet,article}#SET{id_objet,#ENV{id_article}}]
[(#ENV{id_objet}|oui)#SET{objet,#ENV{objet}}#SET{id_objet,#ENV{id_objet}}]
[(#GET{objet}|non|et{#ENV{#ENV{type-page}|id_table_objet}}|oui)
#SET{objet,#ENV{type-page}}#SET{id_objet,#ENV{#ENV{type-page}|id_table_objet}}
]
[(#GET{objet}|oui)
#INCLURE{fond=breadcrumb/inc-objet,id_objet=#GET{id_objet},objet=#GET{objet}}
][(#GET{objet}|non)
]

17
breadcrumb/forum.html

@ -0,0 +1,17 @@
#SET{objet,''}#SET{id_objet,''}
[(#ENV{id_rubrique}|oui)#SET{objet,rubrique}#SET{id_objet,#ENV{id_rubrique}}]
[(#ENV{id_syndic}|oui)#SET{objet,site}#SET{id_objet,#ENV{id_syndic}}]
[(#ENV{id_breve}|oui)#SET{objet,breve}#SET{id_objet,#ENV{id_breve}}]
[(#ENV{id_article}|oui)#SET{objet,article}#SET{id_objet,#ENV{id_article}}]
[(#ENV{id_objet}|oui)#SET{objet,#ENV{objet}}#SET{id_objet,#ENV{id_objet}}]
[(#GET{objet}|oui)
#INCLURE{fond=breadcrumb/inc-objet,id_objet=#GET{id_objet},objet=#GET{objet},expose=''}
][(#GET{objet}|non)
]<BOUCLE_for(FORUMS){id_forum}>
<li typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="#URL_FORUM">[(#TITRE|couper{80}) ]</a></li>
</BOUCLE_for>
<li typeof="v:Breadcrumb" class="active"><span property="v:title"><:poster_message:></span></li>

6
breadcrumb/inc-objet.html

@ -0,0 +1,6 @@
<BOUCLE_contexte_rubrique(RUBRIQUES) {id_rubrique=(#OBJET|=={rubrique}|?{#INFO_ID_PARENT{#OBJET,#ID_OBJET},#INFO_ID_RUBRIQUE{#OBJET,#ID_OBJET}})}>
<BOUCLE_ariane_hier(HIERARCHIE) {id_rubrique}{tout}>
<li typeof="v:Breadcrumb"><i class="fa fa-fw fa-folder-open" aria-hidden="true"></i> <a rel="v:url" property="v:title" href="#URL_RUBRIQUE">[<span itemprop="name">(#TITRE|couper{80})</span>]</a></li>
</BOUCLE_ariane_hier>
</BOUCLE_contexte_rubrique>
<li typeof="v:Breadcrumb">[<i class="fa fa-fw fa-arrow-circle-right" aria-hidden="true"></i> <span property="v:title">(#ID_OBJET|generer_url_entite{#OBJET}|lien_ou_expose{#INFO_TITRE{#OBJET,#ID_OBJET}|sinon{?}|couper{80},#ENV{expose,' '}|?{span}})</span>]</li>

6
breadcrumb/login.html

@ -0,0 +1,6 @@
[(#REM)
Est-ce qu'on se connecte a l'espace prive ou pas ?
]#SET{prive,''}
[(#ENV{url}|=={''}|?{#SET{prive,' '}})]
[(#ENV{url}|match{^#EVAL{_DIR_RESTREINT_ABS}}|?{#SET{prive,' '}})]
[<li typeof="v:Breadcrumb" class="active"><strong property="v:title">(#GET{prive}|?{<:login_acces_prive:>,<:lien_connecter:>})</strong></li>]

6
breadcrumb/mot.html

@ -0,0 +1,6 @@
<BOUCLE_content(MOTS) {id_mot} {doublons}>
<BOUCLE_ariane(GROUPES_MOTS){id_groupe}>
[<li typeof="v:Breadcrumb"><i class="fa fa-lg fa-tags" aria-hidden="true"></i> <span property="v:title">(#TITRE|couper{80})</span></li>]
</BOUCLE_ariane>
[<li typeof="v:Breadcrumb" class="active"><i class="fa fa-lg fa-tag" aria-hidden="true"></i> <strong property="v:title">(#TITRE|couper{80})</strong></li>]
</BOUCLE_content>

1
breadcrumb/plan.html

@ -0,0 +1 @@
<li typeof="v:Breadcrumb" class="active"><strong property="v:title"><:plan_site:></strong></li>

1
breadcrumb/recherche.html

@ -0,0 +1 @@
<li typeof="v:Breadcrumb" class="active">[<i class="fa fa-fw fa-search" title="<:info_rechercher:>"></i> &laquo; <strong>(#RECHERCHE)</strong> &raquo;]</li>

12
content/401.html

@ -1,16 +1,4 @@
<div class="container">
[(#REM) Fil d'Ariane ]
<ol role="navigation" class="breadcrumb" prefix="v: http://rdf.data-vocabulary.org/#">
<li typeof="v:Breadcrumb">
<a rel="home v:url" property="v:title" href="#URL_SITE_SPIP/" itemprop="url">
<span itemprop="title"><:accueil_site:></span>
</a>
</li>
<li typeof="v:Breadcrumb" class="active on">
<strong property="v:title" itemprop="title"><:pass_erreur:>[ (#ENV{status})]</strong>
</li>
</ol>
[(#REM) Contenu principal ]
<section class="row">
<header class="bg-danger col-sm-12 col-md-8 col-lg-8">

31
content/article.html

@ -1,27 +1,13 @@
<BOUCLE_content(ARTICLES){id_article}>
<article class="container hentry" itemscope itemtype="http://schema.org/Article">
<header class="page-header">
[<div class="#EDIT{chapo} surlignable lead">(#CHAPO|abs_url)</div>]
[<div class="portfolio">(#INCLURE{fond=inclure/portfolio,env})</div>]
</header>
[(#REM) Fil d'Ariane ]
<ol role="navigation" class="breadcrumb" prefix="v: http://rdf.data-vocabulary.org/#">
<li typeof="v:Breadcrumb"><i class="fa fa-lg fa-home" aria-hidden="true"></i> <a rel="home v:url" property="v:title" href="#URL_SITE_SPIP"><:accueil_site:></a></li>
<BOUCLE_ariane(HIERARCHIE){id_article}>
<li typeof="v:Breadcrumb"><i class="fa fa-fw #EXPOSE{fa-folder-open, fa-folder}" aria-hidden="true"></i> <a rel="v:url" property="v:title" href="[(#URL_RUBRIQUE|url_absolue)]">[<span itemprop="name">(#TITRE|couper{80})</span>]</a></li>
</BOUCLE_ariane>
[<li typeof="v:Breadcrumb" class="on active"><i class="fa fa-fw fa-bookmark" aria-hidden="true"></i> <strong property="v:title">(#TITRE|couper{80})</strong></li>]
</ol>
[(#REM) Contenu principal ]
[<header class="page-header #EDIT{chapo} surlignable lead">(#CHAPO|abs_url)</header>]
[<div class="row">(#INCLURE{fond=inclure/portfolio,env})</div>]
<div class="row">
[(#REM) (futurs sticky) share btns ]
<div class="col-xs-12 col-sm-11 col-md-7 col-lg-8">
<div class="row">
[(#REM) barre de partage inline xs/sm et latérale md/lg]
[<nav class="col-xs-12 col-sm-1 col-md-1 col-lg-1 text-center">(#INCLURE{fond=inclure/socialtags,env})</nav>]
@ -32,11 +18,9 @@
[<aside class="well #EDIT{ps}">(#PS)</aside>]
</div>
</div>
</div>
<div class="col-xs-12 col-sm-11 col-md-4 col-lg-4">
[(#REM) un panel pour présenter l'auteur,
sauf si c'est le n°1 {!id_auteur = 1}
car on part du principe que l'auteur principal du site est
@ -63,12 +47,7 @@
</div>]
</div>
</div> [(#REM) /.row ]
</article>
</article> [(#REM) /.container ]
</BOUCLE_content>

12
content/auteur.html

@ -1,17 +1,5 @@
<BOUCLE_content(AUTEURS){id_auteur}>
<article class="container vcard">
[(#REM) Fil d'Ariane ]
<ol role="navigation" class="breadcrumb" prefix="v: http://rdf.data-vocabulary.org/#">
<li typeof="v:Breadcrumb">
<a rel="home v:url" property="v:title" href="#URL_SITE_SPIP/" itemprop="url">
<span itemprop="title"><:accueil_site:></span>
</a>
</li>
[<li typeof="v:Breadcrumb" class="active on">
<span property="v:title" itemprop="title">(#NOM|couper{80})</span>
</li>]
</ol>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-8">
[<section class="#EDIT{bio}" id="bio">(#BIO|abs_url)</section>]

12
content/en_travaux.html

@ -1,14 +1,8 @@
[(#REM) Fil d'Ariane ]
<nav class="breadcrumb"><a href="#URL_SITE_SPIP/"><:accueil_site:></a><span class="sep"> &gt; </span><strong class="on"><:pass_erreur:> 404</strong></nav>
<section class="content-principal">
<header class="cartouche">
<section class="container">
<header class="page-header">
<h1 class="h1"><small><:pass_erreur:> 503</small> Momentan&eacute;ment indisponible <big>:-(</big></h1>
<div class="chapo">
</div>
</header>
<section class="texte">
<section class="well">
[(#CONFIG{entravaux_message,<:entravaux:info_travaux_texte:>}|propre)]
<div class="nettoyeur"></div>
<h2>Nous écrire !</h2>

9
content/mot.html

@ -1,15 +1,6 @@
<BOUCLE_content(MOTS) {id_mot} {doublons}>
<div class="container">
[(#REM) Fil d'Ariane ]
<ol role="navigation" class="breadcrumb small" prefix="v: http://rdf.data-vocabulary.org/#">
<li typeof="v:Breadcrumb"><i class="fa fa-lg fa-home" aria-hidden="true"></i> <a rel="home v:url" property="v:title" href="#URL_SITE_SPIP/"><:accueil_site:></a></li>
<BOUCLE_ariane(GROUPES_MOTS){id_groupe}>
[<li typeof="v:Breadcrumb"><i class="fa fa-lg fa-tags" aria-hidden="true"></i> <span property="v:title">(#TITRE|couper{80})</span></li>]
</BOUCLE_ariane>
[<li typeof="v:Breadcrumb"><i class="fa fa-lg fa-tag" aria-hidden="true"></i> <strong class="on active" property="v:title">(#TITRE|couper{80})</strong></li>]
</ol>
<BOUCLE_articles(ARTICLES){id_mot}{0,1}>
<INCLURE{fond=liste/articles-resume-col,env,ajax,titre=<:articles:>} />
</BOUCLE_articles>

18
content/recherche.html

@ -1,15 +1,9 @@
[(#REM) Fil d'Ariane ]
<nav class="breadcrumb"><a href="#URL_SITE_SPIP/"><:accueil_site:></a><span class="sep"> &gt; </span><span><:info_rechercher:></span>[<span class="sep"> &gt; </span><strong class="on">(#RECHERCHE)</strong>]</nav>
<section class="content-principal">
[<header class="cartouche">
<h1 class="h1">Votre <big>recherche</big> <small>&#171;&nbsp;(#RECHERCHE)&nbsp;&#187;</small></h1>
<section class="container">
[<header class="page-header">
<h1 class="h1"><i class="fa fa-fw fa-2x fa-search pull-left" aria-hidden="true"></i> <span class="text-muted"><:zktx:votre_recherche:> :</span><br/>&#171;&nbsp;(#RECHERCHE)&nbsp;&#187;</h1>
</header>]
<section class="texte">
#FORMULAIRE_RECHERCHE
<INCLURE{fond=liste/articles-recherche,env,ajax} />
<INCLURE{fond=liste/rubriques-recherche,env,ajax} />
<section class="row">
<nav class="col-md-6"><INCLURE{fond=liste/articles-recherche,env,ajax} /></nav>
<nav class="col-md-6"><INCLURE{fond=liste/rubriques-recherche,env,ajax} /></nav>
</section>
</section>

9
content/rubrique.html

@ -1,15 +1,6 @@
<BOUCLE_content(RUBRIQUES){id_rubrique}>
[(#REM) Fil d'Ariane ]
<ol role="navigation" class="container breadcrumb" prefix="v: http://rdf.data-vocabulary.org/#">
<li typeof="v:Breadcrumb"><i class="fa fa-home" aria-hidden="true"></i> <a rel="home v:url" property="v:title" href="#URL_SITE_SPIP/"><:accueil_site:></a></li>
<BOUCLE_ariane(HIERARCHIE){id_rubrique}>
<li typeof="v:Breadcrumb"><i class="fa fa-folder" aria-hidden="true"></i> <a rel="v:url" property="v:title" href="[(#URL_RUBRIQUE|url_absolue)]">[<span itemprop="name">(#TITRE|couper{80})</span>]</a></li>
</BOUCLE_ariane>
[<li typeof="v:Breadcrumb" class="on active"><i class="fa fa-folder-open" aria-hidden="true"></i> <strong property="v:title">(#TITRE|couper{80})</strong></li>]
</ol>
[<section class="container">(#INCLURE{fond=inclure/portfolio,id_rubrique})</section>]
[<article class="container page-header lead #EDIT{texte}">(#TEXTE|abs_url)</article>]
[(#REM) Gestion du portfolio et des documents ]
[<section class="container">(#INCLURE{fond=inclure/documents,id_rubrique})</section>]
[<p class="h3">Notes :</p>
<footer class="text-muted">(#NOTES|abs_url)</footer>]

11
content/site.html

@ -1,13 +1,8 @@
<BOUCLE_content(SITES){id_syndic}>
[(#REM) Fil d'Ariane ]
<nav class="breadcrumb"><a href="#URL_SITE_SPIP/"><:accueil_site:></a><BOUCLE_ariane(HIERARCHIE){id_syndic}><span class="sep"> &gt; </span><a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a></BOUCLE_ariane>[<span class="sep"> &gt; </span><strong class="on">(#NOM_SITE|couper{80})</strong>]</nav>
<article class="container">
<article class="content-principal">
<header class="cartouche">
<header class="page-header">
<h1 class="h1 #EDIT{nom_site}">#NOM_SITE</h1>
<hr class="nettoyeur socialtags" />
[(#LOGO_SITE_NORMAL|image_reduire{465,465}|inserer_attribut{alt,#NOM_SITE})]
</header>
<section class="texte">
<h2 class="h2 #EDIT{nom_site}">#NOM_SITE</h2>
@ -31,7 +26,7 @@
[<section class="#EDIT{url_site} hyperlien"><a href="#URL_SITE" class="spip_out">(#URL_SITE|couper{80})</a></section>]
[<footer class="notes"><hr />(#NOTES|abs_url)</footer>]
</section>
[(#PLUGINS{skiplink}|oui) [<nav class="nettoyeur skiplink remonter">(#INCLURE{fond=inclure/remonter})</nav>] ]
</article>

138
css/zktx.css.html

@ -1,33 +1,50 @@
#CACHE{0}
[(#REM)
état = dev => CACHE{0}
état = prod => CACHE{3600*24*30}
]
#CACHE{0} [(#REM) dev => 0 ; prod => 3600*24*30 ]
#HTTP_HEADER{Content-Type: text/css; charset=#CHARSET}
[(#REM) Couleur principale & nuances
- utilise le plugin couleur_rubrique d'ARNO*
- sinon utilise la variable 'couleur_primary' suivante
]<BOUCLE_couleur_r(RUBRIQUES){tout}>
[(#SET{[couleur_r(#ID_RUBRIQUE)],[(#ID_RUBRIQUE|couleur_rubrique)] })]
</BOUCLE_couleur_r>
<BOUCLE_couleur_a(ARTICLES){tout}>
[(#SET{[couleur_a(#ID_ARTICLE)],[(#ID_RUBRIQUE|couleur_rubrique)] })]
</BOUCLE_couleur_a>
[(#SET{couleur_primary,337AB7})]
[(#SET{couleur,[(#GET{couleur_a#ID_ARTICLE}|sinon{[(#GET{couleur_r#ID_RUBRIQUE})]}|sinon{[(#ID_RUBRIQUE|couleur_site)]}|sinon{[(#GET{couleur_primary})]})] })]
[(#SET{couleur_eclaircir_2,[(#GET{couleur}|couleur_eclaircir|couleur_eclaircir)]})]
[(#SET{couleur_eclaircir_1,[(#GET{couleur}|couleur_eclaircir)]})]
[(#SET{couleur_foncer_1,[(#GET{couleur}|couleur_foncer)]})]
[(#SET{couleur_foncer_2,[(#GET{couleur}|couleur_foncer|couleur_foncer)]})]
[(#SET{couleur_inverser,[(#GET{couleur}|couleur_inverser)]})]
[(#REM) Liens ]
a:link, a:visited, a:active, a:hover, a:focus, button, .btn, button:hover, .btn:hover {
-webkit-transition: All .6s ease-in;
moz-transition: All .6s ease-in;
o-transition: All .6s ease-in;
transition: All .6s ease-in;
}
a:link, a:visited {
[color: #(#ID_RUBRIQUE
|couleur_rubrique
|sinon{ [(#ID_RUBRIQUE|couleur_site)] }
|couleur_foncer
);]
a, a:active, a:visited { color: [#(#GET{couleur_foncer_1})]; }
a:focus, a:hover, a:active { color: [#(#GET{couleur})]; }
/*a.btn, a.fa { text-decoration:none!important; }*/
.btn-primary {
background-color: [#(#GET{couleur})];
background-image: -webkit-gradient(linear,left 0,left 100%,from([#(#GET{couleur})]),to([#(#GET{couleur_foncer_1})]));
background-image: -webkit-linear-gradient(top,[#(#GET{couleur})] 0,[#(#GET{couleur_foncer_1})] 100%);
background-image: -moz-linear-gradient(top,[#(#GET{couleur})] 0,[#(#GET{couleur_foncer_1})] 100%);
background-image: linear-gradient(to bottom,[#(#GET{couleur})] 0,[#(#GET{couleur_foncer_1})] 100%);
background-repeat: repeat-x;
border-color: [#(#GET{couleur_foncer_2})];
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff[#(#GET{couleur})]',endColorstr='#ff[#(#GET{couleur_foncer_1})]',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
a:active, a:hover, a:focus {
[color: #(#ID_RUBRIQUE
|couleur_rubrique
|sinon{ [(#ID_RUBRIQUE|couleur_site)] }
);]
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
border-color: [#(#GET{couleur_foncer_2})]!important;
background-color: [#(#GET{couleur_foncer_1})]!important;
background-position: 0 -15px!important;
}
a.btn, a.fa { text-decoration:none!important; }
[(#REM) btn sociaux aux couleurs officielles
à adapter (color ou background-color)
selon icons utilisés (socicon-*, fa-* ou fa-*-square)
@ -48,92 +65,49 @@ a.btn, a.fa { text-decoration:none!important; }
.btn-spy {background-color:#7bb342;}
.btn-itu {background-color:#ff5e51;}
p { margin:1em 0; }
.pull-left {margin-right:1em;}
.pull-right {margin-left:1em;}
[(#SET{grad, [#(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#ID_RUBRIQUE|couleur_site)]})] })]
[(#SET{grad_foncer, [#(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#ID_RUBRIQUE|couleur_site)]}|couleur_foncer)] })]
[(#SET{grad_bordure, [#(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#ID_RUBRIQUE|couleur_site)]}|couleur_foncer|couleur_foncer)] })]
.btn-primary {
background-image: -webkit-gradient(linear,left 0,left 100%,from(#GET{grad}),to(#GET{grad_foncer}));
background-image: -webkit-linear-gradient(top,#GET{grad} 0,#GET{grad_foncer} 100%);
background-image: -moz-linear-gradient(top,#GET{grad} 0,#GET{grad_foncer} 100%);
background-image: linear-gradient(to bottom,#GET{grad} 0,#GET{grad_foncer} 100%);
background-repeat: repeat-x;
border-color: #GET{grad_bordure};
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff#GET{grad}',endColorstr='#ff#GET{grad_foncer}',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
color: #fff;
border-color: #GET{grad_bordure};
background-color: #GET{grad_foncer};
background-position: 0 -15px;
}
.navbar-brand {padding:10px 15px;}
.top { position:fixed; bottom:1em; right:1em;}
[.breadcrumb {
background-color: #(#ID_RUBRIQUE
|couleur_rubrique
|sinon{ [(#ID_RUBRIQUE|couleur_site)] }
|couleur_eclaircir
);
}]
.bs-header, .bs-content, .bs-footer {padding:40px 0;}
.bs-header {padding-top:80px;}
.bs-content, .bs-extra {padding:20px 0;}
.bs-header {padding:80px 0;}
.bs-footer {padding:40px 0;}
.bs-header .jumbotron {background-color:[#(#ID_RUBRIQUE{0}|couleur_site|sinon{"EEEEEE"}|couleur_foncer|couleur_foncer)];}
.breadcrumb, .well, .jumbotron {background-color: [#(#GET{couleur_eclaircir_1})];}
.bs-header .jumbotron {background-color:[#(#GET{couleur_foncer_2})];}
.bs-header {
color:#FFFFFF;
background-color: [#(#ID_RUBRIQUE{0}|couleur_site|sinon{"808080"})];
background-color: [#(#GET{couleur})];
[background-position:50% 50%;
background-size:cover;
background-attachment:fixed;
background-repeat:no-repeat;
background-image:url('(#LOGO_SITE_SPIP_SURVOL
|image_reduire{1900,0}
|image_sepia{ [(#ID_RUBRIQUE|couleur_site|sinon{"EFEFEF"})] }
|image_gamma{-100}
|image_gamma{-50}
|extraire_attribut{src}
)');]
}
.bs-footer {
background-color: [#(#ID_RUBRIQUE{0}|couleur_site|sinon{"EFEFEF"}|couleur_foncer|couleur_foncer)];
color: #FFFFFF;
}
.bs-extra { background-color: #EFEFEF; }
.bs-extra#extra2 { background-color: [#(#GET{couleur_eclaircir_2})]; }
.bs-footer { background-color: [#(#GET{couleur_foncer_2})]; color: #FFFFFF; }
<BOUCLE_article_bs_header(ARTICLES){tout}>
.bs-header.article#ID_ARTICLE {
background-color: [#(#ID_RUBRIQUE
|couleur_rubrique
|sinon{ [(#ID_RUBRIQUE|couleur_site)] }
|sinon{"EFEFEF"}
)];
background-color: [#(#GET{couleur})];
[background-image:url('(#LOGO_ARTICLE_SURVOL
|sinon{#LOGO_RUBRIQUE_SURVOL}
|sinon{#LOGO_SITE_SPIP_SURVOL}
|image_reduire{1900,0}
|image_sepia{ [(#ID_RUBRIQUE
|couleur_rubrique
|sinon{ [(#ID_RUBRIQUE|couleur_site)] }
|sinon{"EFEFEF"}
)] }
|image_gamma{-100}
|image_gamma{-50}
|extraire_attribut{src}
)');]
}
@ -143,20 +117,11 @@ p { margin:1em 0; }
<BOUCLE_rubrique_bs_header(RUBRIQUES){tout}>
.bs-header.rubrique#ID_RUBRIQUE {
background-color: [#(#ID_RUBRIQUE
|couleur_rubrique
|sinon{ [(#ID_RUBRIQUE|couleur_site)] }
|sinon{"EFEFEF"}
)];
background-color: [#(#GET{couleur})];
[background-image:url('(#LOGO_RUBRIQUE_SURVOL
|sinon{#LOGO_SITE_SPIP_SURVOL}
|image_reduire{1900,0}
|image_sepia{ [(#ID_RUBRIQUE
|couleur_rubrique
|sinon{ [(#ID_RUBRIQUE|couleur_site)] }
|sinon{"EFEFEF"}
)] }
|image_gamma{-100}
|image_gamma{-50}
|extraire_attribut{src}
)');]
@ -168,8 +133,7 @@ p { margin:1em 0; }
[background-image:url('(#LOGO_MOT_SURVOL
|sinon{ #LOGO_SITE_SPIP_SURVOL }
|image_reduire{1900,0}
|image_sepia{ [(#ID_RUBRIQUE|couleur_site|sinon{"EFEFEF"})] }
|image_gamma{-100}
|image_gamma{-50}
|extraire_attribut{src}
)');]
}

2
header/article.html

@ -11,7 +11,7 @@
> voir http://getbootstrap.com/css/#images
]
[(#LOGO
|image_reduire{400,400}
|image_reduire{320,320}
|inserer_attribut{alt,[(#TITRE|textebrut|attribut_html)]}
|inserer_attribut{class,"img-responsive center-block img-thumbnail"}
|inserer_attribut{role,"img"}

2
header/rubrique.html

@ -11,7 +11,7 @@
[(#LOGO_RUBRIQUE_NORMAL
|sinon{[(#LOGO_RUBRIQUE_NORMAL{0})]}
|sinon{[(#LOGO_SITE_SPIP_NORMAL)]}
|image_reduire{400,400}
|image_reduire{320,320}
|inserer_attribut{alt,[(#TITRE|textebrut|attribut_html)]}
|inserer_attribut{class,"img-responsive center-block"}
|inserer_attribut{role,"img"}

2
header/sommaire.html

@ -1,7 +1,7 @@
<header class="bs-header sommaire" id="header" role="banner">
<figure class="container">
[(#LOGO_SITE_SPIP_NORMAL
|image_reduire{400,400}
|image_reduire{320,320}
|inserer_attribut{alt,[(#NOM_SITE_SPIP|textebrut|attribut_html)]}
|inserer_attribut{class,"img-responsive center-block"}
|inserer_attribut{role,"img"}

BIN
img/zktx.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

8
inclure/portfolio.html

@ -3,12 +3,10 @@
- https://www.spip.net/fr_article5632.html - Ajouter une image à un article
- https://www.spip.net/fr_article1823.html - La boucle <DOCUMENTS>
]
<B_documents_mosaique>
<section class="portfolio">
]<B_documents_mosaique>
<section class="row">
<BOUCLE_documents_mosaique(DOCUMENTS) {id_article} {mode=document}{extension IN png,jpg,gif} {par num titre, date}{doublons}{vu=non}>
[<figure class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
[<figure class="col-xs-6 col-sm-4 col-md-2 col-lg-2">
<a href="#URL_DOCUMENT" type="#MIME_TYPE" onclick="location.href='[(#URL_ARTICLE|url_absolue|parametre_url{id_document,#ID_DOCUMENT}|ancre_url{documents_portfolio})]';return false;"[ class="active (#EXPOSER)"][ title="(#TITRE|attribut_html)"]>
(#FICHIER
|image_reduire{600,0}

4
paquet.xml

@ -1,11 +1,11 @@
<paquet
prefix="zktx"
categorie="squelette"
version="2.0.8"
version="2.0.9"
etat="dev"
compatibilite="[3.0.0;3.3.*]"
logo="img/zktx-32.png"
documentation="https://contrib.spip.net/Loiseau2nuit"
documentation="https://zone.spip.net/trac/spip-zone/log/spip-zone/_squelettes_/zktx-kore"
>
<nom>ZKTX Kore</nom>

6
zktx_options.php

@ -1,8 +1,6 @@
<?php
// blocs Z !
$GLOBALS['z_blocs'] = array(
'content','head','head_js','header','extra1','extra2','footer','foot_js'
);
// blocs Z !
$GLOBALS['z_blocs'] = array('content','head','head_js','header','extra1','extra2','footer','foot_js','breadcrumb');
// activer le chargement parallele sur les blocs contenu et more
define('_Z_AJAX_PARALLEL_LOAD','extra1,extra2,footer,foot_js');

Loading…
Cancel
Save