l.oiseau2nuit@gmail.com
4 years ago
30 changed files with 298 additions and 257 deletions
@ -1,38 +1,40 @@
|
||||
<BOUCLE_content(AUTEURS){id_auteur}> |
||||
<article class="container vcard"> |
||||
<header class="page-header"> |
||||
<h2 class="h1 #EDIT{nom}">#NOM</h2> |
||||
</header> |
||||
<div class="row"> |
||||
<div class="col-md-6"> |
||||
<div class="page-header"> |
||||
<p class="h1 #EDIT{nom}">#NOM</p> |
||||
</div> |
||||
[<section class="#EDIT{bio}" id="bio">(#BIO|abs_url)</section>] |
||||
[<div class="#EDIT{bio}" id="bio">(#BIO|abs_url)</div>] |
||||
[<p class="#EDIT{hyperlien}" id="hyperlien"><i class="fa fa-fw fa-globe" aria-hidden="true"></i> <a href="(#URL_SITE)" class="url spip_out">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>] |
||||
|
||||
[(#REM) Articles de l'auteur ] |
||||
<B_articles_auteur> |
||||
<nav class="list-group"> |
||||
<p class="h3"><:articles_auteur:></p> |
||||
<BOUCLE_articles_auteur(ARTICLES){id_auteur} {!par date} {0,3} {doublons}> |
||||
<p class="h3"><:articles_auteur:></p> |
||||
<aside class="list-group ajax"> |
||||
#ANCRE_PAGINATION |
||||
<BOUCLE_articles_auteur(ARTICLES){id_auteur} {!par date} {pagination 5}> |
||||
<a href="[(#URL_ARTICLE|abs_url)]" class="list-group-item[ active (#EXPOSE)]"> |
||||
[<figure class="pull-left">(#LOGO |
||||
|image_reduire{100,100} |
||||
|image_recadre{70,70,centrer} |
||||
|image_reduire{120,120} |
||||
|image_recadre{90,90,centrer} |
||||
|inserer_attribut{alt,#TITRE} |
||||
|inserer_attribut{class,"img-responsive img-thumbnail"} |
||||
)</figure>] |
||||
<strong class="list-group-item-heading">#TITRE</strong> |
||||
<p class="list-group-item-text"> |
||||
[<span class="#EDIT{soustitre}">(#SOUSTITRE|sinon{#DESCRIPTIF}|sinon{#INTRODUCTION}|couper{100})</span>] |
||||
[ <span class="text-muted"><i class="fa fa-calendar-o" aria-hidden="true"></i> <time[ title="(#DATE|affdate{'c'})"] class="pubdate" [datetime="(#DATE|date_iso)"] itemprop="pubdate">(#DATE|affdate)</time>][ | <i class="fa fa-comments-o" aria-hidden="true"></i> (#COMPTEUR{forums})</span>] |
||||
[<em class="#EDIT{soustitre}">(#SOUSTITRE|sinon{#DESCRIPTIF}|sinon{#INTRODUCTION}|couper{80})</em>] |
||||
[<br/><span class="text-muted"><i class="fa fa-calendar-o" aria-hidden="true"></i> <time[ title="(#DATE|affdate{'c'})"] class="pubdate" [datetime="(#DATE|date_iso)"] itemprop="pubdate">(#DATE|affdate)</time>][ | <i class="fa fa-comments-o" aria-hidden="true"></i> (#COMPTEUR{forums})</span>] |
||||
</p> |
||||
</a> |
||||
</BOUCLE_articles_auteur> |
||||
</nav> |
||||
[<nav class="pagination text-center center-block">(#PAGINATION{precedent_suivant})</nav>] |
||||
</aside> |
||||
</B_articles_auteur> |
||||
</div> |
||||
<div class="col-md-6"> |
||||
<section class="well" id="formulaire">#FORMULAIRE_ECRIRE_AUTEUR</section> |
||||
</div> |
||||
<aside class="col-md-6"> |
||||
<div class="well" id="formulaire">#FORMULAIRE_ECRIRE_AUTEUR</div> |
||||
</aside> |
||||
</div> |
||||
</article> |
||||
</BOUCLE_content> |
||||
@ -1,14 +1,12 @@
|
||||
<BOUCLE_content(MOTS) {id_mot} {doublons}> |
||||
|
||||
<div class="bs-extra"> |
||||
<div class="container"><INCLURE{fond=inclure/btn-rubriques,env} /></div> |
||||
</div> |
||||
<div class="container"> |
||||
<BOUCLE_articles(ARTICLES){id_mot}{0,1}> |
||||
<INCLURE{fond=liste/articles-resume-col,env,ajax,titre=<:articles:>} /> |
||||
</BOUCLE_articles> |
||||
</B_articles> |
||||
|
||||
[<section class="container page-header lead #EDIT{texte}">(#TEXTE|abs_url)</section>] |
||||
|
||||
[<footer class="container text-muted"><hr />(#NOTES|abs_url)</footer>] |
||||
</div> |
||||
|
||||
</BOUCLE_content> |
||||
@ -1,7 +1,14 @@
|
||||
<BOUCLE_content(RUBRIQUES){id_rubrique}> |
||||
[<section class="container">(#INCLURE{fond=inclure/portfolio,id_rubrique})</section>] |
||||
[<article class="container page-header lead #EDIT{texte}">(#TEXTE|abs_url)</article>] |
||||
[<section class="container">(#INCLURE{fond=inclure/documents,id_rubrique})</section>] |
||||
[<p class="h3">Notes :</p> |
||||
<footer class="text-muted">(#NOTES|abs_url)</footer>] |
||||
</BOUCLE_content> |
||||
<BOUCLE_content_rubrique(RUBRIQUES){id_rubrique}> |
||||
<BOUCLE_articles(ARTICLES){id_rubrique}{0,1}> |
||||
<header class="visible-xs-block container"><INCLURE{fond=liste/articles-resume-xs,env,ajax,titre=<:articles_rubrique:>,nb=8} /></header> |
||||
<header class="hidden-xs container"><INCLURE{fond=liste/articles-resume-col,env,ajax,titre=<:articles_rubrique:>,nb=8} /></header> |
||||
</BOUCLE_articles> |
||||
</B_articles> |
||||
<//B_articles> |
||||
|
||||
<BOUCLE_sous_rub(RUBRIQUES){id_parent}{0,1}> |
||||
<header class="container"><INCLURE{fond=liste/rubriques-resume-col,env,ajax,titre=<:sous_rubriques:>,nb=6} /></header> |
||||
</BOUCLE_sous_rub> |
||||
</B_sous_rub> |
||||
<//B_sous_rub> |
||||
</BOUCLE_content_rubrique> |
||||
@ -1,10 +1,8 @@
|
||||
[(#REM) Page d'accueil ] |
||||
|
||||
[(#REM) Afficher du contenu supplémentaire dans cette zone : |
||||
- Créer, s'il n'existe pas un secteur nommé "ZKTX" |
||||
- L'exclure de la navigation générale avec exclure_secteur |
||||
- Y créer un article intitulé "sommaire_description_longue" |
||||
- le garder en statut "proposé à l'évaluation" |
||||
]<BOUCLE_sommaire_description_longue(ARTICLES){titre = sommaire_description_longue}{statut = prop}{tout_voir}> |
||||
[<article class="#EDIT{texte} container page-header lead">(#TEXTE|abs_url)</article>] |
||||
</BOUCLE_sommaire_description_longue> |
||||
[(#REM) Derniers billets] |
||||
<nav class="container"> |
||||
<BOUCLE_articles(ARTICLES){tout}{0,1}> |
||||
[(#REM) On presente par defaut les articles en mode colonnes ] |
||||
<header class="visible-xs-block ajax"><INCLURE{fond=liste/articles-resume-xs,env,ajax,titre=<:derniers_articles:>,nb=8} /></header> |
||||
<header class="hidden-xs ajax"><INCLURE{fond=liste/articles-resume-col,env,ajax,titre=<:derniers_articles:>,nb=8} /></header> |
||||
</BOUCLE_articles> |
||||
</nav> |
||||
|
||||
@ -1,48 +1,4 @@
|
||||
<BOUCLE_extra1(MOTS) {id_mot} {doublons}> |
||||
|
||||
<div class="container"> |
||||
<div class="row"> |
||||
[(#REM) Breves liees au mot-cle ] |
||||
<B_breves> |
||||
<nav class="breves col-lg-4"> |
||||
<span class="h4"><:breves:breves:></span> |
||||
<ul class="list-group"> |
||||
<BOUCLE_breves(BREVES) {id_mot} {par titre} {pagination 50}> |
||||
<li class="list-group-item[ active (#EXPOSE)]"><a href="#URL_BREVE">#TITRE</a></li> |
||||
</BOUCLE_breves> |
||||
</ul> |
||||
[<nav class="pagination">(#PAGINATION)</nav>] |
||||
</nav> |
||||
</B_breves> |
||||
|
||||
[(#REM) Sites web lies au mot-cle ] |
||||
<B_sites> |
||||
<aside class="sites col-lg-4"> |
||||
<span class="h4"><:sites_web:></span> |
||||
<ul class="list-group"> |
||||
<BOUCLE_sites(SITES) {id_mot} {par nom_site} {pagination 50}> |
||||
<li class="list-group-item[ active (#EXPOSE)]"><a href="[(#ID_SYNDIC|generer_url_entite{site,'','',#CONNECT})]">#NOM_SITE</a></li> |
||||
</BOUCLE_sites> |
||||
</ul> |
||||
[<nav class="pagination">(#PAGINATION)</nav>] |
||||
</aside> |
||||
</B_sites> |
||||
|
||||
[(#REM) Sur le Web ] |
||||
<B_syndic> |
||||
<aside class="col-xs-12 col-sm-12 col-md-4 col-lg-4"> |
||||
<span class="h4"><:nouveautes_web:></span> |
||||
<ul class="list-group"> |
||||
<BOUCLE_syndic(SYNDIC_ARTICLES){id_mot}{age<180}{!par date}{pagination 8}> |
||||
<li class="list-group-item"> |
||||
[<abbr class="published" title="[(#DATE|date_iso)]">(#DATE|affdate_jourcourt)</abbr> – ] |
||||
<a class="spip_out" rel="external" href="#URL_ARTICLE"[ title="(#NOM_SITE|attribut_html|couper{80})"]>#TITRE</a> |
||||
</li> |
||||
</BOUCLE_syndic> |
||||
</ul> |
||||
</aside> |
||||
</B_syndic> |
||||
|
||||
</div> |
||||
</div> |
||||
</BOUCLE_extra1> |
||||
<BOUCLE_extra1_mot(MOTS) {id_mot}> |
||||
<section class="container page-header lead #EDIT{texte}">[(#TEXTE|abs_url)]</section> |
||||
<footer class="container text-muted">[(#NOTES|abs_url)]</footer> |
||||
</BOUCLE_extra1_mot> |
||||
@ -1,14 +1,7 @@
|
||||
<BOUCLE_extra1_rubrique(RUBRIQUES){id_rubrique}> |
||||
<BOUCLE_articles(ARTICLES){id_rubrique}{0,1}> |
||||
<header class="visible-xs-block container"><INCLURE{fond=liste/articles-resume-xs,env,ajax,titre=<:articles_rubrique:>,nb=8} /></header> |
||||
<header class="hidden-xs container"><INCLURE{fond=liste/articles-resume-col,env,ajax,titre=<:articles_rubrique:>,nb=8} /></header> |
||||
</BOUCLE_articles> |
||||
</B_articles> |
||||
<//B_articles> |
||||
|
||||
<BOUCLE_sous_rub(RUBRIQUES){id_rubrique}{0,1}> |
||||
<header class="container"><INCLURE{fond=liste/rubriques-resume-col,env,ajax,titre=<:sous_rubriques:>} /></header> |
||||
</BOUCLE_sous_rub> |
||||
</B_sous_rub> |
||||
<//B_sous_rub> |
||||
[<section class="container">(#INCLURE{fond=inclure/portfolio,id_rubrique})</section>] |
||||
[<article class="container page-header lead #EDIT{texte}">(#TEXTE|abs_url)</article>] |
||||
[<section class="container">(#INCLURE{fond=inclure/documents,id_rubrique})</section>] |
||||
[<p class="h3">Notes :</p> |
||||
<footer class="text-muted">(#NOTES|abs_url)</footer>] |
||||
</BOUCLE_extra1_rubrique> |
||||
@ -1,10 +1,8 @@
|
||||
[(#REM) Derniers billets] |
||||
<nav class="container"> |
||||
<BOUCLE_articles(ARTICLES){tout}{0,1}> |
||||
[(#REM) On presente par defaut les articles en mode colonnes ] |
||||
<header class="visible-xs-block"><INCLURE{fond=liste/articles-resume-xs,env,ajax,titre=<:derniers_articles:>,nb=8} /></header> |
||||
<header class="hidden-xs"><INCLURE{fond=liste/articles-resume-col,env,ajax,titre=<:derniers_articles:>,nb=8} /></header> |
||||
</BOUCLE_articles> |
||||
</nav> |
||||
|
||||
|
||||
[(#REM) Afficher du contenu supplémentaire dans cette zone : |
||||
- Créer, s'il n'existe pas un secteur nommé "ZKTX" |
||||
- L'exclure de la navigation générale avec exclure_secteur |
||||
- Y créer un article intitulé "sommaire_description_longue" |
||||
- le garder en statut "proposé à l'évaluation" |
||||
]<BOUCLE_sommaire_description_longue(ARTICLES){titre = sommaire_description_longue}{statut = prop}{tout_voir}> |
||||
[<article class="#EDIT{texte} container page-header lead">(#TEXTE|abs_url)</article>] |
||||
</BOUCLE_sommaire_description_longue> |
||||
@ -0,0 +1,48 @@
|
||||
<BOUCLE_extra2_mot(MOTS) {id_mot} {doublons}> |
||||
|
||||
<div class="container"> |
||||
<div class="row"> |
||||
[(#REM) Breves liees au mot-cle ] |
||||
<B_breves> |
||||
<nav class="breves col-lg-4"> |
||||
<span class="h4"><:breves:breves:></span> |
||||
<ul class="list-group"> |
||||
<BOUCLE_breves(BREVES) {id_mot} {par titre} {pagination 50}> |
||||
<li class="list-group-item[ active (#EXPOSE)]"><a href="#URL_BREVE">#TITRE</a></li> |
||||
</BOUCLE_breves> |
||||
</ul> |
||||
[<nav class="pagination">(#PAGINATION)</nav>] |
||||
</nav> |
||||
</B_breves> |
||||
|
||||
[(#REM) Sites web lies au mot-cle ] |
||||
<B_sites> |
||||
<aside class="sites col-lg-4"> |
||||
<span class="h4"><:sites_web:></span> |
||||
<ul class="list-group"> |
||||
<BOUCLE_sites(SITES) {id_mot} {par nom_site} {pagination 50}> |
||||
<li class="list-group-item[ active (#EXPOSE)]"><a href="[(#ID_SYNDIC|generer_url_entite{site,'','',#CONNECT})]">#NOM_SITE</a></li> |
||||
</BOUCLE_sites> |
||||
</ul> |
||||
[<nav class="pagination">(#PAGINATION)</nav>] |
||||
</aside> |
||||
</B_sites> |
||||
|
||||
[(#REM) Sur le Web ] |
||||
<B_syndic> |
||||
<aside class="col-xs-12 col-sm-12 col-md-4 col-lg-4"> |
||||
<span class="h4"><:nouveautes_web:></span> |
||||
<ul class="list-group"> |
||||
<BOUCLE_syndic(SYNDIC_ARTICLES){id_mot}{age<180}{!par date}{pagination 8}> |
||||
<li class="list-group-item"> |
||||
[<abbr class="published" title="[(#DATE|date_iso)]">(#DATE|affdate_jourcourt)</abbr> – ] |
||||
<a class="spip_out" rel="external" href="#URL_ARTICLE"[ title="(#NOM_SITE|attribut_html|couper{80})"]>#TITRE</a> |
||||
</li> |
||||
</BOUCLE_syndic> |
||||
</ul> |
||||
</aside> |
||||
</B_syndic> |
||||
|
||||
</div> |
||||
</div> |
||||
</BOUCLE_extra2_mot> |
||||
@ -1,17 +1,4 @@
|
||||
[(#REM) Placez ici |
||||
|
||||
- Vos fenêtres modales si vos squelettes en utilisent : |
||||
https://getbootstrap.com/docs/3.3/javascript/#modals |
||||
|
||||
- vos scripts et plugins JS, communs à tous le site |
||||
Ex: tracker statistiques, librairies et APIs diverses, ... |
||||
[(#REM) 1- INCLURE les éventuelles fenêtres modales communes à tout le site ] |
||||
<INCLURE{fond=inclure/modal/contact-webmaster,env} /> |
||||
|
||||
|
||||
ATTENTION : |
||||
c'est le seul cas où pour chaque déclinaison d'objet que vous ajouterez |
||||
dans le répertoire squelettes/foot_js (article.html / rubrique.html / ...) |
||||
il est recommandé d'inclure ce fichier ! en fin de code ! |
||||
- < vos fenêtres modales .../... > |
||||
- < vos javascripts .../... > |
||||
- <INCLURE{fond=foot_js/dist,env}/> |
||||
] |
||||
[(#REM) 2- Les scripts JS qui n'interviennent pas sur l'affichage du site et/ou dont le placement en <head> n'est pas pertinent (voire problématique: trackers stats, codes régies pub, etc ...) ] |
||||
@ -1,11 +1,8 @@
|
||||
[(#REM) |
||||
foot_js/sommaire.html / Placé ici à titre d'exemple |
||||
|
||||
Intégrez ici vos modales & javascripts spécifiques à la page sommaire |
||||
AVANT l'inclure foot_js/dist |
||||
] |
||||
[(#REM) 1- INCLURE les éventuelles fenêtres modales propres à la page 'sommaire' ] |
||||
|
||||
[(#REM) 2- JS propres à la page sommaire ] |
||||
|
||||
|
||||
[(#REM) Communs à tout le site ] |
||||
[(#REM) 3- Rappel des communs à tout le site si besoin ] |
||||
<INCLURE{fond=foot_js/dist,env} /> |
||||
|
||||
|
||||
|
||||
@ -0,0 +1,7 @@
|
||||
<B_btn_rubriques> |
||||
<nav class="text-center"> |
||||
<BOUCLE_btn_rubriques(RUBRIQUES) {id_rubrique?}{id_mot?} {tout} {doublons rubriques}> |
||||
<a[ rel="(#ENV{rel}|sinon{category})"][ class="btn (#ENV{class}|sinon{btn-default})"] [ href="(#URL_RUBRIQUE|abs_url)"]>#TITRE</a> |
||||
</BOUCLE_btn_rubriques> |
||||
</nav> |
||||
</B_btn_rubriques> |
||||
@ -0,0 +1,8 @@
|
||||
[(#REM) Sites de la rubrique sous forme de boutons centrés ] |
||||
<B_btn_sites> |
||||
<nav class="text-center"> |
||||
<BOUCLE_btn_sites(SITES) {id_rubrique?} {id_mot?} {tout} {doublons site}> |
||||
<a[ rel="(#ENV{rel}|sinon{external})"][ class="btn (#ENV{class}|sinon{btn-default})"] href="#URL_SITE">#NOM_SITE</a> |
||||
</BOUCLE_btn_sites> |
||||
</nav> |
||||
</B_btn_sites> |
||||
@ -1,24 +1,14 @@
|
||||
[(#REM) |
||||
Copie du 2014-11-10 12:54:36 par Loiseau2nuit |
||||
Fichier original plugins/comments/inclure/forum.html |
||||
] |
||||
<a href="#comments" name="comments" id="comments"></a><a href="#forum" name="forum" id="forum"></a> |
||||
|
||||
<section class="col-xs-12 col-sm-12 col-md-6 col-lg-8 ajax"> |
||||
<INCLURE{fond=comments-#CONFIG{comments/comments_fil,list}|replace{'-',''},env,ajax} /> |
||||
</section> |
||||
|
||||
[(#ENV{repondre_url}|oui) |
||||
<div class="col-sm-12 col-xs-12 col-md-6 col-lg-4 sticky"> |
||||
[<div class="h3"><i class="fa fa-pencil-square-o"></i> (#ENV*{repondre_titre,<:repondre_article:>}|trim)</div>] |
||||
|
||||
[<div class="well">(#FORMULAIRE_FORUM{#SELF,#ENV{objet},#ENV{id_objet}})</div>] |
||||
|
||||
[(#PARAMETRES_FORUM|oui)<INCLURE{fond=comments-feed,env} />] |
||||
</div> |
||||
][(#REM) fin _ENV repondre_url ] |
||||
[(#ENV{repondre_url}|non) |
||||
<p class="h3"><:zktx:forums_desactives:></p> |
||||
[<p class="text-center"><:zktx:forums_desactives_partage:></p><nav class="text-center">(#INCLURE{fond=inclure/socialtags,env})</nav>] |
||||
] |
||||
]<a href="#comments" name="comments" id="comments"></a><a href="#forum" name="forum" id="forum"></a> |
||||
<INCLURE{fond=comments-#CONFIG{comments/comments_fil,list}|replace{'-',''},env,ajax} /> |
||||
<div class="col-md-5 sticky ajax"> |
||||
[(#ENV{repondre_url}|oui) |
||||
[<div class="h3"><i class="fa fa-pencil-square-o"></i> (#ENV*{repondre_titre,<:repondre_article:>}|trim)</div>] |
||||
[<div class="well">(#FORMULAIRE_FORUM{#SELF,#ENV{objet},#ENV{id_objet}})</div>] |
||||
[(#PARAMETRES_FORUM|oui)<p class="text-muted"><INCLURE{fond=comments-feed,env} /></p>] |
||||
][(#ENV{repondre_url}|non)<p class="h3"><:zktx:forums_desactives:></p> |
||||
[<p class="text-center"><:zktx:forums_desactives_partage:></p><nav class="text-center">(#INCLURE{fond=inclure/socialtags,env})</nav>] |
||||
]</div> |
||||
|
||||
|
||||
@ -0,0 +1,25 @@
|
||||
[(#REM) MODAL CONTACT donnée en exemple (un formulaire pour contacter le webmaster (auteur n°1) |
||||
|
||||
vous pouvez utiliser le modèle <btn-modal|> pour y faire un bouton d'appel depuis n'importe quel contenu du site (cf /modeles/btn-modal.html) |
||||
|
||||
ATTENTION: |
||||
vos conteneurs principaux doivent obligatoirement comporter les class CSS |
||||
.modal et une class de .nom-identique-au-fichier-html (ici .contact-webmaster) |
||||
voir https://getbootstrap.com/docs/3.3/javascript/#modals pour + d'infos. |
||||
]<aside class="modal fade contact-webmaster" tabindex="-1" role="dialog" aria-labelledby="ContactWebmaster"> |
||||
<div class="modal-dialog modal-lg" role="document"> |
||||
<div class="modal-content"> |
||||
<div class="modal-header"> |
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> |
||||
<h4 class="modal-title" id="ContactWebmaster"><:zktx:contact_webmaster:></h4> |
||||
</div> |
||||
<div class="modal-body"> |
||||
<BOUCLE_form_aut1(AUTEURS){id_auteur=1}>#FORMULAIRE_ECRIRE_AUTEUR</BOUCLE_form_aut1> |
||||
</div> |
||||
<div class="modal-footer"> |
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button> |
||||
<button type="button" class="btn btn-primary">Save changes</button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</aside> |
||||
@ -0,0 +1,6 @@
|
||||
[(#REM) Modèle pour afficher |
||||
- les sous-rubriques de la rubrique en cours |
||||
- ou les rubriques attachées au mot-clé |
||||
présentés sous forme de boutons centrés et personalisables : |
||||
<btn-rubriques|id_rubrique=XY|class=machin|rel=truc> |
||||
]<INCLURE{fond=inclure/btn-rubriques,env}/> |
||||
@ -1,10 +0,0 @@
|
||||
[(#REM) Sites de la rubrique sous forme de boutons centrés ] |
||||
<B_btn_sites> |
||||
<nav class="text-center"> |
||||
<ul class="list-inline"> |
||||
<BOUCLE_btn_sites(SITES) {id_rubrique} {tout} {doublons site}> |
||||
<li><a[ rel="(#ENV{rel})"][ class="btn (#ENV{class}|sinon{btn-default})"] href="#URL_SITE">#NOM_SITE</a></li> |
||||
</BOUCLE_btn_sites> |
||||
</ul> |
||||
</nav> |
||||
</B_btn_sites> |
||||
@ -0,0 +1,9 @@
|
||||
[(#REM) Modèle pour afficher |
||||
les sites de la rubrique ou du mot-clé en cours |
||||
présentés sous forme de boutons centrés et personalisables : |
||||
|
||||
<btn-sites|id_rubrique=XY|class=btn btn-machin spip_out|rel=external nofollow> |
||||
|
||||
- Les attributs obligatoires ont une valeur par défaut |
||||
- Les autres sont facultatifs |
||||
]<INCLURE{fond=inclure/btn-sites,env}/> |
||||
@ -1,19 +1,9 @@
|
||||
[(#REM) MODELE : <btn-url|> |
||||
|
||||
un btn propre dans vos textes, vers au choix : |
||||
- une url de type "http://... " |
||||
- une url relative au site (ex: "ma-page.html" ou "ma-rubrique") |
||||
un btn propre dans vos textes: |
||||
|
||||
avec un modèle tel que : |
||||
<btn|class=btn btn-primary btn-block|url=ma-rubrique|icon=fa fa-eye|text=Découvrir> |
||||
<btn|class=btn btn-default btn-lg|url=mailto:adresse@email.ext|icon=fa fa-at|text=Contacter> |
||||
<btn|class=btn btn-primary btn-block|url=art123|icon=fa fa-eye|text=Découvrir> |
||||
<btn|class=btn btn-default btn-lg|url=mailto:adresse@email.ext|icon=glyphicon glyphicon-envelope|text=Contacter> |
||||
<btn|class=btn btn-default btn-lg|url=https://twitter.com/Loiseau2nuit|icon=socicon socicon-twitter|text=Loiseau2nuit> |
||||
|
||||
fonctionne parfaitement avec les class du plugin varicelle |
||||
|
||||
TODO: |
||||
- lui faire comprendre les raccourcis SPIP type "rub4" ou "art12" |
||||
] |
||||
|
||||
#SET{pattern,[.]} |
||||
<a class="btn[ (#ENV{class})]" href="[(#ENV{url}|calculer_url)]"[ rel="(#ENV{rel})"]>[<i class="(#ENV{icon})" aria-hidden="true"></i> ][(#ENV{text})]</a> |
||||
Hors ZKTX, ce modèle fonctionnera globalement avec tout type de framework proposant des class pour des boutons (plugin varicelle, bootstrap ...) ainsi qu'avec à peu près tout type d'icon-fonts |
||||
]<a class="btn[ (#ENV{class})]" href="[(#ENV{url}|calculer_url|sinon{#})]"[ rel="(#ENV{rel})"]>[<i class="(#ENV{icon})" aria-hidden="true"></i> ][(#ENV{text})]</a> |
||||
|
||||
Loading…
Reference in new issue