Browse Source

Des Tabs à la place d'espace pour être un peu plus conforme avec http://www.spip.net/fr_article3497.html#regles_codage

- Correction d'un problème dans les fichiers lang qui produisait un log dans http://files.spip.net/paquets/paquets.log.txt
svn/attic/moodboard/109865
spip.franck@lien-d-amis.net 5 years ago
parent
commit
c025ef66fe
  1. 96
      apropos.html
  2. 50
      archives.html
  3. 132
      article.html
  4. 86
      articles.html
  5. 72
      contact.html
  6. 156
      css/moodboard.css
  7. 96
      inclure/articles_mb.html
  8. 84
      inclure/articles_rubrique_mb.html
  9. 18
      inclure/feed_mb.html
  10. 30
      inclure/footer.html
  11. 28
      inclure/nav.html
  12. 8
      inclure/noscript_mb.html
  13. 72
      inclure/recents_mb.html
  14. 118
      inclure/rubriques_mb.html
  15. 822
      js/jquery.wookmark.js
  16. 18
      js/play.jquery.wookmark.js
  17. 56
      lang/moodboard_en.php
  18. 56
      lang/moodboard_fr.php
  19. 14
      lang/paquet-moodboard_en.php
  20. 14
      lang/paquet-moodboard_fr.php
  21. 60
      modeles/archives_mb.html
  22. 36
      modeles/article_mots.html
  23. 4
      moodboard_fonctions.php
  24. 42
      paquet.xml
  25. 252
      rubrique.html
  26. 86
      rubriques.html
  27. 132
      sommaire.html

96
apropos.html

@ -17,56 +17,56 @@
<body class="pas_surlignable page_about">
<div class="page">
<INCLURE{fond=inclure/header} />
<INCLURE{fond=inclure/nav,env} />
<div class="main">
[(#REM) Contenu principal : contenu de l'article ]
<div class="wrapper hfeed">
<div class="content hentry" id="content">
<p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:moodboard:about:></strong></p>
<div class="cartouche">
[<p class="#EDIT{surtitre} surtitre">(#SURTITRE)</p>]
<h1 class="#EDIT{titre} surlignable">[(#LOGO_ARTICLE_RUBRIQUE|image_reduire{500,*}) ]#TITRE</h1>
[<p class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</p>]
<p class="info-publi"><abbr class="published" title="[(#DATE|date_iso)]">[(#DATE|nom_jour) ][(#DATE|affdate)]</abbr>[<span class="sep">, </span><span class="auteurs"><:par_auteur:> (#LESAUTEURS)</span>]</p>
[(#REM) Inclure le modele des liens de traductions ]
#MODELE{article_traductions}
</div>
[<div class="#EDIT{chapo} chapo surlignable">(#CHAPO|image_reduire{500,*})</div>]
[<div class="#EDIT{texte} texte surlignable">(#TEXTE|image_reduire{500,*})</div>]
[<hr /><p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
[<div class="#EDIT{ps} ps surlignable"><hr />(#PS|image_reduire{500,*})</div>]
[(#REM) Gestion du portfolio et des documents ]
[(#INCLURE{fond=inclure/documents,id_article, env})]
[(#REM) Petition :
La petition ayant une PAGINATION il faut absolument {env}
et pourquoi pas ajax
][(#PETITION|oui)<INCLURE{fond=inclure/petition,id_article,env,ajax} />]
[<div class="notes"><hr />(#NOTES)</div>]
[(#REM) Forum de l'article ]
<a href="#forum" name="forum" id="forum"></a>
<INCLURE{fond=inclure/forum,id_article} />
[<h2><:forum:form_pet_message_commentaire:></h2>
(#FORMULAIRE_FORUM)]
</div><!--.content-->
</div><!--.wrapper-->
<div class="aside">
#FORMULAIRE_RECHERCHE
</div><!--.aside-->
<INCLURE{fond=inclure/header} />
<INCLURE{fond=inclure/nav,env} />
</div><!--.main-->
<div class="main">
[(#REM) Contenu principal : contenu de l'article ]
<div class="wrapper hfeed">
<div class="content hentry" id="content">
<p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:moodboard:about:></strong></p>
<INCLURE{fond=inclure/footer,self=#SELF} />
<div class="cartouche">
[<p class="#EDIT{surtitre} surtitre">(#SURTITRE)</p>]
<h1 class="#EDIT{titre} surlignable">[(#LOGO_ARTICLE_RUBRIQUE|image_reduire{500,*}) ]#TITRE</h1>
[<p class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</p>]
<p class="info-publi"><abbr class="published" title="[(#DATE|date_iso)]">[(#DATE|nom_jour) ][(#DATE|affdate)]</abbr>[<span class="sep">, </span><span class="auteurs"><:par_auteur:> (#LESAUTEURS)</span>]</p>
[(#REM) Inclure le modele des liens de traductions ]
#MODELE{article_traductions}
</div>
[<div class="#EDIT{chapo} chapo surlignable">(#CHAPO|image_reduire{500,*})</div>]
[<div class="#EDIT{texte} texte surlignable">(#TEXTE|image_reduire{500,*})</div>]
[<hr /><p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
[<div class="#EDIT{ps} ps surlignable"><hr />(#PS|image_reduire{500,*})</div>]
[(#REM) Gestion du portfolio et des documents ]
[(#INCLURE{fond=inclure/documents,id_article, env})]
[(#REM) Petition :
La petition ayant une PAGINATION il faut absolument {env}
et pourquoi pas ajax
][(#PETITION|oui)<INCLURE{fond=inclure/petition,id_article,env,ajax} />]
[<div class="notes"><hr />(#NOTES)</div>]
[(#REM) Forum de l'article ]
<a href="#forum" name="forum" id="forum"></a>
<INCLURE{fond=inclure/forum,id_article} />
[<h2><:forum:form_pet_message_commentaire:></h2>
(#FORMULAIRE_FORUM)]
</div><!--.content-->
</div><!--.wrapper-->
<div class="aside">
#FORMULAIRE_RECHERCHE
</div><!--.aside-->
</div><!--.main-->
<INCLURE{fond=inclure/footer,self=#SELF} />
</div><!--.page-->
</body>

50
archives.html

@ -15,31 +15,31 @@
<body class="pas_surlignable page_archives">
<div class="page">
<INCLURE{fond=inclure/header} />
<INCLURE{fond=inclure/nav,env} />
<div class="main">
<div class="wrapper">
<div class="content" id="content">
<p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:moodboard:archives:></strong></p>
<div class="cartouche">
<h1><:moodboard:archives:></h1>
</div>
#MODELE{archives_mb}
</div><!--.content-->
</div><!--.wrapper-->
<div class="aside">
<INCLURE{fond=inclure/navsub} />
#FORMULAIRE_RECHERCHE
</div><!--.aside-->
</div><!--.main-->
<INCLURE{fond=inclure/footer,self=#SELF} />
<INCLURE{fond=inclure/header} />
<INCLURE{fond=inclure/nav,env} />
<div class="main">
<div class="wrapper">
<div class="content" id="content">
<p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:moodboard:archives:></strong></p>
<div class="cartouche">
<h1><:moodboard:archives:></h1>
</div>
#MODELE{archives_mb}
</div><!--.content-->
</div><!--.wrapper-->
<div class="aside">
<INCLURE{fond=inclure/navsub} />
#FORMULAIRE_RECHERCHE
</div><!--.aside-->
</div><!--.main-->
<INCLURE{fond=inclure/footer,self=#SELF} />
</div><!--.page-->
</body>

132
article.html

@ -18,74 +18,74 @@
<body class="pas_surlignable page_article">
<div class="page">
<INCLURE{fond=inclure/header} />
<INCLURE{fond=inclure/nav,env} />
<div class="main">
[(#REM) Contenu principal : contenu de l'article ]
<div class="wrapper hfeed">
<div class="content hentry" id="content">
<p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a><BOUCLE_ariane(HIERARCHIE){id_article}> &gt; <a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a></BOUCLE_ariane>[ &gt; <strong class="on">(#TITRE|couper{80})</strong>]</p>
<div class="cartouche">
[<p class="#EDIT{surtitre} surtitre">(#SURTITRE)</p>]
<h1 class="#EDIT{titre} surlignable">[(#LOGO_ARTICLE_RUBRIQUE|image_reduire{40,*}) ]#TITRE</h1>
[<p class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</p>]
<p class="info-publi"><abbr class="published" title="[(#DATE|date_iso)]">[(#DATE|nom_jour) ][(#DATE|affdate)]</abbr>[<span class="sep">, </span><span class="auteurs"><:par_auteur:> (#LESAUTEURS)</span>]</p>
[(#REM) Inclure le modele des liens de traductions ]
#MODELE{article_traductions}
</div>
[<div class="#EDIT{chapo} chapo surlignable">(#CHAPO|image_reduire{500,*})</div>]
[<div class="#EDIT{texte} texte surlignable">(#TEXTE|image_reduire{500,*})</div>]
[<hr /><p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
[<div class="#EDIT{ps} ps surlignable"><hr />(#PS|image_reduire{500,*})</div>]
[(#REM) Gestion du portfolio et des documents ]
[(#INCLURE{fond=inclure/documents,id_article, env})]
[(#REM) Petition :
La petition ayant une PAGINATION il faut absolument {env}
et pourquoi pas ajax
][(#PETITION|oui)<INCLURE{fond=inclure/petition,id_article,env,ajax} />]
[<div class="notes"><hr />(#NOTES)</div>]
[(#REM) Forum de l'article ]
<a href="#forum" name="forum" id="forum"></a>
<INCLURE{fond=inclure/forum,id_article} />
[<h2><:forum:form_pet_message_commentaire:></h2>
(#FORMULAIRE_FORUM)]
</div><!--.content-->
</div><!--.wrapper-->
<div class="aside">
<INCLURE{fond=inclure/navsub, id_rubrique} />
#FORMULAIRE_RECHERCHE
[(#REM) Articles dans la meme rubrique ]
<B_articles_rubrique>
<div class="menu">
<h2><:meme_rubrique:></h2>
<ul>
<BOUCLE_articles_rubrique(ARTICLES) {id_rubrique} {!par date} {0,10}>
<li><a href="#URL_ARTICLE"[ class="(#EXPOSE)"]>#TITRE</a></li>
</BOUCLE_articles_rubrique>
</ul>
</div>
</B_articles_rubrique>
[(#REM) Menu de navigation mots-cles ]
#MODELE{article_mots}
<INCLURE{fond=inclure/header} />
<INCLURE{fond=inclure/nav,env} />
<div class="main">
[(#REM) Contenu principal : contenu de l'article ]
<div class="wrapper hfeed">
<div class="content hentry" id="content">
<p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a><BOUCLE_ariane(HIERARCHIE){id_article}> &gt; <a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a></BOUCLE_ariane>[ &gt; <strong class="on">(#TITRE|couper{80})</strong>]</p>
<div class="cartouche">
[<p class="#EDIT{surtitre} surtitre">(#SURTITRE)</p>]
<h1 class="#EDIT{titre} surlignable">[(#LOGO_ARTICLE_RUBRIQUE|image_reduire{40,*}) ]#TITRE</h1>
[<p class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</p>]
<p class="info-publi"><abbr class="published" title="[(#DATE|date_iso)]">[(#DATE|nom_jour) ][(#DATE|affdate)]</abbr>[<span class="sep">, </span><span class="auteurs"><:par_auteur:> (#LESAUTEURS)</span>]</p>
[(#REM) Inclure le modele des liens de traductions ]
#MODELE{article_traductions}
</div>
</div><!--.aside-->
</div><!--.main-->
[<div class="#EDIT{chapo} chapo surlignable">(#CHAPO|image_reduire{500,*})</div>]
[<div class="#EDIT{texte} texte surlignable">(#TEXTE|image_reduire{500,*})</div>]
[<hr /><p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
[<div class="#EDIT{ps} ps surlignable"><hr />(#PS|image_reduire{500,*})</div>]
[(#REM) Gestion du portfolio et des documents ]
[(#INCLURE{fond=inclure/documents,id_article, env})]
[(#REM) Petition :
La petition ayant une PAGINATION il faut absolument {env}
et pourquoi pas ajax
][(#PETITION|oui)<INCLURE{fond=inclure/petition,id_article,env,ajax} />]
[<div class="notes"><hr />(#NOTES)</div>]
[(#REM) Forum de l'article ]
<a href="#forum" name="forum" id="forum"></a>
<INCLURE{fond=inclure/forum,id_article} />
[<h2><:forum:form_pet_message_commentaire:></h2>
(#FORMULAIRE_FORUM)]
</div><!--.content-->
</div><!--.wrapper-->
<div class="aside">
<INCLURE{fond=inclure/navsub, id_rubrique} />
#FORMULAIRE_RECHERCHE
[(#REM) Articles dans la meme rubrique ]
<B_articles_rubrique>
<div class="menu">
<h2><:meme_rubrique:></h2>
<ul>
<BOUCLE_articles_rubrique(ARTICLES) {id_rubrique} {!par date} {0,10}>
<li><a href="#URL_ARTICLE"[ class="(#EXPOSE)"]>#TITRE</a></li>
</BOUCLE_articles_rubrique>
</ul>
</div>
</B_articles_rubrique>
[(#REM) Menu de navigation mots-cles ]
#MODELE{article_mots}
</div><!--.aside-->
</div><!--.main-->
<INCLURE{fond=inclure/footer,self=#SELF} />
<INCLURE{fond=inclure/footer,self=#SELF} />
</div><!--.page-->
</body>

86
articles.html

@ -15,49 +15,49 @@
<body class="pas_surlignable page_articles">
<div class="page">
<INCLURE{fond=inclure/header} />
<INCLURE{fond=inclure/nav,env} />
<div class="main">
<div class="wrapper hfeed">
<div class="content" id="content">
<INCLURE{fond=inclure/articles_mb,env,ajax} />
</div><!--.content-->
</div><!--.wrapper-->
<div class="aside">
<INCLURE{fond=inclure/navsub} />
#FORMULAIRE_RECHERCHE
[(#REM) Liens des forums ]
<B_forums_liens>
<div class="menu menu_comments">
<h2><:derniers_commentaires:></h2>
<ul>
<BOUCLE_forums_liens(FORUMS?) {plat} {!par date} {0,5}>
[<li>[(#NOM|sinon{...})&nbsp;: ]<a href="#URL_FORUM"[ title="(#TITRE|attribut_html|couper{80})"]>(#TEXTE|couper{80})</a></li>]
</BOUCLE_forums_liens>
</ul>
</div>
</B_forums_liens>
[(#REM) Sur le Web ]
<B_syndic>
<div class="menu">
<h2><:nouveautes_web:></h2>
<ul>
<BOUCLE_syndic(SYNDIC_ARTICLES) {age<180} {!par date} {0,5}>
<li>[(#DATE|affdate_jourcourt) &ndash; ]<a href="#URL_ARTICLE"[ title="(#NOM_SITE|attribut_html|couper{80})"] class="spip_out">#TITRE</a></li>
</BOUCLE_syndic>
</ul>
</div>
</B_syndic>
</div><!--.aside-->
</div><!--.main-->
<INCLURE{fond=inclure/footer,self=#SELF} />
<INCLURE{fond=inclure/header} />
<INCLURE{fond=inclure/nav,env} />
<div class="main">
<div class="wrapper hfeed">
<div class="content" id="content">
<INCLURE{fond=inclure/articles_mb,env,ajax} />
</div><!--.content-->
</div><!--.wrapper-->
<div class="aside">
<INCLURE{fond=inclure/navsub} />
#FORMULAIRE_RECHERCHE
[(#REM) Liens des forums ]
<B_forums_liens>
<div class="menu menu_comments">
<h2><:derniers_commentaires:></h2>
<ul>
<BOUCLE_forums_liens(FORUMS?) {plat} {!par date} {0,5}>
[<li>[(#NOM|sinon{...})&nbsp;: ]<a href="#URL_FORUM"[ title="(#TITRE|attribut_html|couper{80})"]>(#TEXTE|couper{80})</a></li>]
</BOUCLE_forums_liens>
</ul>
</div>
</B_forums_liens>
[(#REM) Sur le Web ]
<B_syndic>
<div class="menu">
<h2><:nouveautes_web:></h2>
<ul>
<BOUCLE_syndic(SYNDIC_ARTICLES) {age<180} {!par date} {0,5}>
<li>[(#DATE|affdate_jourcourt) &ndash; ]<a href="#URL_ARTICLE"[ title="(#NOM_SITE|attribut_html|couper{80})"] class="spip_out">#TITRE</a></li>
</BOUCLE_syndic>
</ul>
</div>
</B_syndic>
</div><!--.aside-->
</div><!--.main-->
<INCLURE{fond=inclure/footer,self=#SELF} />
</div><!--.page-->
</body>
</html>

72
contact.html

@ -16,42 +16,42 @@
<body class="pas_surlignable page_contact">
<div class="page">
<INCLURE{fond=inclure/header} />
<INCLURE{fond=inclure/nav,env} />
<div class="main">
<div class="wrapper">
<div class="content" id="content">
<p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:moodboard:contact:></strong></p>
<div class="cartouche">
<h1><:moodboard:contact:></h1>
</div>
#FORMULAIRE_ECRIRE_AUTEUR
</div><!--.content-->
</div><!--.wrapper-->
<div class="aside">
<INCLURE{fond=inclure/navsub} />
#FORMULAIRE_RECHERCHE
[(#REM) Bio ]
<div class="menu">
[(#REM) microformat vcard]
<div class="vcard">
<h2 class="#EDIT{qui} fn">#NOM</h2>
[<div class="#EDIT{bio} texte adr">(#BIO)</div>]
[<p><a href="(#URL_SITE)" class="#EDIT{hyperlien} spip_out url">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
<p><a href="[(#LOGO_AUTEUR|extraire_attribut{src})]">[(#LOGO_AUTEUR{236,0}|left||inserer_attribut{'class',photo}|inserer_attribut{alt, #NOM|attribut_html})]</a></p>
</div>
</div>
</div><!--.aside-->
</div><!--.main-->
<INCLURE{fond=inclure/footer,self=#SELF} />
<INCLURE{fond=inclure/header} />
<INCLURE{fond=inclure/nav,env} />
<div class="main">
<div class="wrapper">
<div class="content" id="content">
<p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:moodboard:contact:></strong></p>
<div class="cartouche">
<h1><:moodboard:contact:></h1>
</div>
#FORMULAIRE_ECRIRE_AUTEUR
</div><!--.content-->
</div><!--.wrapper-->
<div class="aside">
<INCLURE{fond=inclure/navsub} />
#FORMULAIRE_RECHERCHE
[(#REM) Bio ]
<div class="menu">
[(#REM) microformat vcard]
<div class="vcard">
<h2 class="#EDIT{qui} fn">#NOM</h2>
[<div class="#EDIT{bio} texte adr">(#BIO)</div>]
[<p><a href="(#URL_SITE)" class="#EDIT{hyperlien} spip_out url">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
<p><a href="[(#LOGO_AUTEUR|extraire_attribut{src})]">[(#LOGO_AUTEUR{236,0}|left||inserer_attribut{'class',photo}|inserer_attribut{alt, #NOM|attribut_html})]</a></p>
</div>
</div>
</div><!--.aside-->
</div><!--.main-->
<INCLURE{fond=inclure/footer,self=#SELF} />
</div><!--.page-->
</body>

156
css/moodboard.css

@ -52,12 +52,12 @@
/* NO SCRIPT
----------------------------- */
.noscript_mb {
border: 2px dashed #F57900;
font-size: 18px;
line-height: 24px;
margin: 2em 4% 6em;
padding: 0.75em;
text-align: center;
border: 2px dashed #F57900;
font-size: 18px;
line-height: 24px;
margin: 2em 4% 6em;
padding: 0.75em;
text-align: center;
}
@ -71,55 +71,55 @@
/* INFOBAR
----------------------------- */
.infobar_md {
margin: 0 0 1.5em;
padding: 0 10px;
margin: 0 0 1.5em;
padding: 0 10px;
}
.content_infobar_md {
float: left;
padding: 4px 0;
width: 100%;
float: left;
padding: 4px 0;
width: 100%;
}
.tri_mb {
float: left;
margin-top: 5px;
min-width: 216px;
text-align: left;
width: 50%;
float: left;
margin-top: 5px;
min-width: 216px;
text-align: left;
width: 50%;
}
.pagination_mb {
float: right;
margin-top: 5px;
min-width: 216px;
text-align: right;
width: 50%;
float: right;
margin-top: 5px;
min-width: 216px;
text-align: right;
width: 50%;
}
/* .page_sommaire */
.page_sommaire .pagination_mb {
float: left;
text-align: center;
width: 100%;
float: left;
text-align: center;
width: 100%;
}
.page_sommaire .pagination_mb a {
background: #EED;
text-decoration: none;
background: #EED;
text-decoration: none;
}
.page_sommaire .pagination_mb a:focus,
.page_sommaire .pagination_mb a:hover,
.page_sommaire .pagination_mb a:active {
background-color: #900;
color: #FFF;
text-decoration: none;
background-color: #900;
color: #FFF;
text-decoration: none;
}
.page_sommaire .pagination_mb .on {
background: none repeat scroll 0 0 #222222;
color: #FFFFFF;
font-weight: bold;
background: none repeat scroll 0 0 #222222;
color: #FFFFFF;
font-weight: bold;
}
.page_sommaire .pagination_mb a, .page_sommaire .pagination_mb .on {
margin: 0 1px;
padding: 0.2em 0.5em;
margin: 0 1px;
padding: 0.2em 0.5em;
}
.page_sommaire .pagination_mb .sep { display: none; }
@ -164,10 +164,10 @@
/* .logo_board_mb */
.logo_board_mb { clear: both;
height: 146px;
overflow: hidden;
position: relative;
width: 216px; }
height: 146px;
overflow: hidden;
position: relative;
width: 216px; }
.logo_board_mb img { border-radius: 3px 3px 3px 3px; display: block; margin: 0 auto;}
/* .thumbs_board_mb */
@ -175,23 +175,23 @@
.thumbs_board_mb ul {}
.thumbs_board_mb ul li:first-child { margin-left: 0; }
.thumbs_board_mb ul li { display: inline;
float: left;
height: 51px;
margin-left: 4px;
position: relative;
width: 51px; }
float: left;
height: 51px;
margin-left: 4px;
position: relative;
width: 51px; }
.thumbs_board_mb img { border-radius: 3px 3px 3px 3px; }
/* .hovermask_mb */
.hovermask_mb {
border-radius: 3px 3px 3px 3px;
bottom: 0;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.33) inset;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 80;
border-radius: 3px 3px 3px 3px;
bottom: 0;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.33) inset;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 80;
}
@ -211,33 +211,33 @@
/* FOOTER
----------------------------- */
.topreturn_mb {
display: none;
position: fixed;
right: 5%;
bottom: 0;
white-space: nowrap;
z-index: 100;
display: none;
position: fixed;
right: 5%;
bottom: 0;
white-space: nowrap;
z-index: 100;
}
.button_topreturn_mb {
background-color: #990000;
border: 0 none;
border-radius: 0.3em 0.3em 0 0;
font-weight: bold;
margin: 0;
opacity: 0.7;
padding: 0.4em 1em;
background-color: #990000;
border: 0 none;
border-radius: 0.3em 0.3em 0 0;
font-weight: bold;
margin: 0;
opacity: 0.7;
padding: 0.4em 1em;
}
.topreturn_mb a {
border-radius: 0.3em 0.3em 0 0;
color: #FFFFFF;
opacity: 0.7;
text-decoration: none;
border-radius: 0.3em 0.3em 0 0;
color: #FFFFFF;
opacity: 0.7;
text-decoration: none;
}
.topreturn_mb a:focus,
.topreturn_mb a:hover,
.topreturn_mb a:active {
background-color: #990000;
text-decoration: none;
background-color: #990000;
text-decoration: none;
}
@ -256,23 +256,23 @@
/* INFOBAR
----------- */
.tri_mb {
text-align: center;
width: 100%;
text-align: center;
width: 100%;
}
.pagination_mb {
text-align: center;
width: 100%;
text-align: center;
width: 100%;
}
/* WRAPPER
----------- */
.wrapper {
height: auto !important;
max-width: 100% !important;
height: auto !important;
max-width: 100% !important;
}
.content img {
height: auto !important;
max-width: 100% !important;
height: auto !important;
max-width: 100% !important;
}
.texte { text-align: left; }
.spip_documents_right { max-width: 100% !important; }

96
inclure/articles_mb.html

@ -7,57 +7,55 @@ hasard,
}}
<B_articles_mb>
<div id="articles_mb">
#ANCRE_PAGINATION
<strong class="h1"><:moodboard:all_pins:> (#GRAND_TOTAL)</strong>
[(#REM) Si javascript n'est pas activé sur le navigateur ]
<INCLURE{fond=inclure/noscript_mb} />
[(#REM) Info Barre ]
<div class="clearfix infobar_md">
<div class="content_infobar_md">
<div class="tri_mb">
#TRI{date,'Date',ajax}&nbsp;|
#TRI{titre,'Titre',ajax}&nbsp;|
#TRI{popularite,'Vues',ajax}&nbsp;|
#TRI{hasard,'Hazard',ajax}
</div>
[<div class="pagination_mb">(#PAGINATION|{prive})</div>]
</div>
</div>
[(#REM) Affichage des articles façon moodboard ]
<ul id="pins_mb">
[(#REM) Exclure les mots about et offscreen ]
<BOUCLE_articles_mb(ARTICLES){tri date,#GET{defaut_tri}}{!titre_mot == ^(about_mb|offscreen_mb)$}{pagination 20}>
<li class="hentry pin_mb" style="display: list-item;">
[(#REM) Si pas de logo d'article récupérer la première image ]
#SET{logo_document,''}
<BOUCLE_doc(DOCUMENTS) {id_article}{extension IN png,jpg,gif}{0,1}>
#SET{logo_document,#FICHIER}
</BOUCLE_doc>
<a href="[(#URL_ARTICLE)]" rel="bookmark">
[<div class="logo_pin_mb" style="width: 236px; height: [(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|hauteur)]px;">
<img width="[(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|largeur)]" height="[(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|hauteur)]" alt="[(#TITRE|textebrut)]" src="(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|extraire_attribut{src}|url_absolue)" />
</div>]
<div class="text_pin_mb">
<h2 class="h2 entry-title">#TITRE</h2>
[<h3 class="#EDIT{soustitre} soustitre entry-content">(#SOUSTITRE)</h3>]
</div>
<small><abbr class="published"[ title="(#DATE|date_iso)"]>[(#DATE|nom_jour) ][(#DATE|affdate)]</abbr></small>
</a>
</li>
</BOUCLE_articles_mb>
</ul>
</div><!-- #articles_mb -->
<div id="articles_mb">
#ANCRE_PAGINATION
<strong class="h1"><:moodboard:all_pins:> (#GRAND_TOTAL)</strong>
[(#REM) Si javascript n'est pas activé sur le navigateur ]
<INCLURE{fond=inclure/noscript_mb} />
[(#REM) Info Barre ]
<div class="clearfix infobar_md">
<div class="content_infobar_md">
<div class="tri_mb">
#TRI{date,'Date',ajax}&nbsp;|
#TRI{titre,'Titre',ajax}&nbsp;|
#TRI{popularite,'Vues',ajax}&nbsp;|
#TRI{hasard,'Hazard',ajax}
</div>
[<div class="pagination_mb">(#PAGINATION|{prive})</div>]
</div>
</div>
[(#REM) Affichage des articles façon moodboard ]
<ul id="pins_mb">
[(#REM) Exclure les mots about et offscreen ]
<BOUCLE_articles_mb(ARTICLES){tri date,#GET{defaut_tri}}{!titre_mot == ^(about_mb|offscreen_mb)$}{pagination 20}>
<li class="hentry pin_mb" style="display: list-item;">
[(#REM) Si pas de logo d'article récupérer la première image ]
#SET{logo_document,''}
<BOUCLE_doc(DOCUMENTS) {id_article}{extension IN png,jpg,gif}{0,1}>
#SET{logo_document,#FICHIER}
</BOUCLE_doc>
<a href="[(#URL_ARTICLE)]" rel="bookmark">
[<div class="logo_pin_mb" style="width: 236px; height: [(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|hauteur)]px;">
<img width="[(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|largeur)]" height="[(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|hauteur)]" alt="[(#TITRE|textebrut)]" src="(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|extraire_attribut{src}|url_absolue)" />
</div>]
<div class="text_pin_mb">
<h2 class="h2 entry-title">#TITRE</h2>
[<h3 class="#EDIT{soustitre} soustitre entry-content">(#SOUSTITRE)</h3>]
</div>
<small><abbr class="published"[ title="(#DATE|date_iso)"]>[(#DATE|nom_jour) ][(#DATE|affdate)]</abbr></small>
</a>
</li>
</BOUCLE_articles_mb>
</ul>
</div><!-- #articles_mb -->
</B_articles_mb>
<!-- Wookmark : lancement du script de mise en page des articles -->
<script src="[(#CHEMIN{js/play.jquery.wookmark.js})]" type="text/javascript"></script>
<!-- Fin Wookmark -->
<!-- Fin Wookmark -->

84
inclure/articles_rubrique_mb.html

@ -6,54 +6,52 @@ popularite,-1,
hasard,
}}
<B_articles_rubrique_mb>
<div id="articles_mb">
#ANCRE_PAGINATION
<div id="articles_mb">
#ANCRE_PAGINATION
[(#REM) Si javascript n'est pas activé sur le navigateur ]
<INCLURE{fond=inclure/noscript_mb} />
[(#REM) Si javascript n'est pas activé sur le navigateur ]
<INCLURE{fond=inclure/noscript_mb} />
[(#REM) Info Barre ]
<div class="clearfix infobar_md">
<div class="content_infobar_md">
<div class="tri_mb">
#TRI{date,'Date',ajax}&nbsp;|
#TRI{titre,'Titre',ajax}&nbsp;|
#TRI{popularite,'Vues',ajax}&nbsp;|
#TRI{hasard,'Hazard',ajax}
</div>
[<div class="pagination_mb">(#PAGINATION|{prive})</div>]
</div>
</div>
[(#REM) Info Barre ]
<div class="clearfix infobar_md">
<div class="content_infobar_md">
<div class="tri_mb">
#TRI{date,'Date',ajax}&nbsp;|
#TRI{titre,'Titre',ajax}&nbsp;|
#TRI{popularite,'Vues',ajax}&nbsp;|
#TRI{hasard,'Hazard',ajax}
</div>
[<div class="pagination_mb">(#PAGINATION|{prive})</div>]
</div>
</div>
[(#REM) Affichage des articles façon moodboard ]
<ul id="pins_mb">
[(#REM) Exclure les mots about et offscreen ]
<BOUCLE_articles_rubrique_mb(ARTICLES){!titre_mot == ^(about_mb|offscreen_mb)$}{id_rubrique}{tri date,#GET{defaut_tri}}{pagination 20}>
<li class="hentry pin_mb" style="display: list-item;">
[(#REM) Affichage des articles façon moodboard ]
<ul id="pins_mb">
[(#REM) Exclure les mots about et offscreen ]
<BOUCLE_articles_rubrique_mb(ARTICLES){!titre_mot == ^(about_mb|offscreen_mb)$}{id_rubrique}{tri date,#GET{defaut_tri}}{pagination 20}>
<li class="hentry pin_mb" style="display: list-item;">
[(#REM) Si pas de logo d'article récupérer la première image ]
#SET{logo_document,''}
<BOUCLE_doc(DOCUMENTS) {id_article}{extension IN png,jpg,gif} {par num titre, titre}{0,1}>
#SET{logo_document,#FICHIER}
</BOUCLE_doc>
<a href="[(#URL_ARTICLE)]" rel="bookmark">
[<div class="logo_pin_mb" style="width: 236px; height: [(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|hauteur)]px;">
<img width="[(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|largeur)]" height="[(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|hauteur)]" alt="[(#TITRE|textebrut)]" src="(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|extraire_attribut{src}|url_absolue)" />
</div>]
<div class="text_pin_mb">
<h2 class="h2 entry-title">#TITRE</h2>
[<h3 class="#EDIT{soustitre} soustitre entry-content">(#SOUSTITRE)</h3>]
</div>
<small><abbr class="published"[ title="(#DATE|date_iso)"]>[(#DATE|nom_jour) ][(#DATE|affdate)]</abbr></small>
</a>
</li>
</BOUCLE_articles_rubrique_mb>
</ul>
</div><!-- #articles_mb -->
[(#REM) Si pas de logo d'article récupérer la première image ]
#SET{logo_document,''}
<BOUCLE_doc(DOCUMENTS) {id_article}{extension IN png,jpg,gif} {par num titre, titre}{0,1}>
#SET{logo_document,#FICHIER}
</BOUCLE_doc>
<a href="[(#URL_ARTICLE)]" rel="bookmark">
[<div class="logo_pin_mb" style="width: 236px; height: [(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|hauteur)]px;">
<img width="[(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|largeur)]" height="[(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|hauteur)]" alt="[(#TITRE|textebrut)]" src="(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|extraire_attribut{src}|url_absolue)" />
</div>]
<div class="text_pin_mb">
<h2 class="h2 entry-title">#TITRE</h2>
[<h3 class="#EDIT{soustitre} soustitre entry-content">(#SOUSTITRE)</h3>]
</div>
<small><abbr class="published"[ title="(#DATE|date_iso)"]>[(#DATE|nom_jour) ][(#DATE|affdate)]</abbr></small>
</a>
</li>
</BOUCLE_articles_rubrique_mb>
</ul>
</div><!-- #articles_mb -->
</B_articles_rubrique_mb>
<!-- Wookmark : lancement du script de mise en page des articles -->
<script src="[(#CHEMIN{js/play.jquery.wookmark.js})]" type="text/javascript"></script>
<!-- Fin Wookmark -->
<!-- Fin Wookmark -->

18
inclure/feed_mb.html

@ -1,14 +1,14 @@
<div class="feed_mb">
<img class="logo_feed_mb" alt="<:icone_suivi_activite:>" width="16" height="16" src="#CHEMIN{prive/themes/spip/images/rss-16.png}" />
<img class="logo_feed_mb" alt="<:icone_suivi_activite:>" width="16" height="16" src="#CHEMIN{prive/themes/spip/images/rss-16.png}" />
[(#REM) Si page d'accueil = lien vers le flux RSS de tout le site ][(#ENV{home,'non'}|=={oui}|?{
<a rel="alternate" target="_blank" href="[(#URL_PAGE{backend})]">
<:moodboard:follow_all:>
</a>,
[(#REM) Si page d'accueil = lien vers le flux RSS de tout le site ][(#ENV{home,'non'}|=={oui}|?{
<a rel="alternate" target="_blank" href="[(#URL_PAGE{backend})]">
<:moodboard:follow_all:>
</a>,
[(#REM) Si rubrique = lien vers le flux RSS de la rubrique ]
<a rel="alternate" target="_blank" href="[(#URL_PAGE{backend}|parametre_url{id_rubrique,#ID_RUBRIQUE})]">
<:moodboard:follow:>
</a>})]
[(#REM) Si rubrique = lien vers le flux RSS de la rubrique ]
<a rel="alternate" target="_blank" href="[(#URL_PAGE{backend}|parametre_url{id_rubrique,#ID_RUBRIQUE})]">
<:moodboard:follow:>
</a>})]
</div>

30
inclure/footer.html

@ -1,20 +1,20 @@
<div class="footer clearfix">
<p class="colophon">
<:moodboard:licence:><BOUCLE_annee(ARTICLES){par date}{0,1}>[(#DATE|annee)]</BOUCLE_annee>-</B_annee>[(#DATE|annee) ]#NOM_SITE_SPIP
<br />
[(#SESSION{id_auteur}|non)<a href="[(#URL_PAGE{login}|parametre_url{url,#SELF})]" rel="nofollow" class='login_modal'><:lien_connecter:></a>][
(#AUTORISER{ecrire})<a href="#EVAL{_DIR_RESTREINT_ABS}"><:espace_prive:></a>][
(#SESSION{id_auteur}|oui) | <a href="#URL_LOGOUT" rel="nofollow"><:icone_deconnecter:></a>]
</p>
<p class="generator">
<small >
<:moodboard:powered_by:><a class="spip_out" rel="generator" href="http://www.spip.net/">SPIP</a><:moodboard:with:><a href="http://contrib.spip.net/Moodboard">Moodboard</a><:moodboard:by:><a href="http://haplooswebdesign.free.fr">haploos</a>
</small>
</p>
<p class="colophon">
<:moodboard:licence:><BOUCLE_annee(ARTICLES){par date}{0,1}>[(#DATE|annee)]</BOUCLE_annee>-</B_annee>[(#DATE|annee) ]#NOM_SITE_SPIP
<br />
[(#SESSION{id_auteur}|non)<a href="[(#URL_PAGE{login}|parametre_url{url,#SELF})]" rel="nofollow" class='login_modal'><:lien_connecter:></a>][
(#AUTORISER{ecrire})<a href="#EVAL{_DIR_RESTREINT_ABS}"><:espace_prive:></a>][
(#SESSION{id_auteur}|oui) | <a href="#URL_LOGOUT" rel="nofollow"><:icone_deconnecter:></a>]
</p>
<p class="generator">
<small >
<:moodboard:powered_by:><a class="spip_out" rel="generator" href="http://www.spip.net/">SPIP</a><:moodboard:with:><a href="http://contrib.spip.net/Moodboard">Moodboard</a><:moodboard:by:><a href="http://haplooswebdesign.free.fr">haploos</a>
</small>
</p>
</div>
[(#REM) Bouton retour en haut pour les petits ecrans ]
<div class="topreturn_mb">
<a class="button_topreturn_mb" href="#top">
<img src="#CHEMIN{css/img/topreturn-16.png}" />
</a>
<a class="button_topreturn_mb" href="#top">
<img src="#CHEMIN{css/img/topreturn-16.png}" />
</a>
</div>

28
inclure/nav.html

@ -1,16 +1,16 @@
<div class="nav clearfix" id="nav">
<ul>
<li><a rel="contents" href="#URL_PAGE{articles}"><:moodboard:pins:></a></li>
<B_rubriques>
<BOUCLE_rubriques(RUBRIQUES) {racine} {par num titre, titre}> </BOUCLE_rubriques>
<li class="[ (#TOTAL_BOUCLE|=={1}|oui)none]"><a rel="contents" href="#URL_PAGE{rubriques}"><:moodboard:boards:></a></li>
</B_rubriques>
<li><a rel="contents" href="#URL_PAGE{archives}"><:moodboard:archives:></a></li>
<B_about>
<BOUCLE_about(MOTS){titre_mot="about_mb"}>
<li><a rel="contents" href="#URL_PAGE{apropos}"><:moodboard:about:></a></li>
</BOUCLE_about>
</B_about>
<li><a rel="nofollow" href="#URL_PAGE{contact}"><:moodboard:contact:></a></li>
</ul>
<ul>
<li><a rel="contents" href="#URL_PAGE{articles}"><:moodboard:pins:></a></li>
<B_rubriques>
<BOUCLE_rubriques(RUBRIQUES) {racine} {par num titre, titre}> </BOUCLE_rubriques>
<li class="[ (#TOTAL_BOUCLE|=={1}|oui)none]"><a rel="contents" href="#URL_PAGE{rubriques}"><:moodboard:boards:></a></li>
</B_rubriques>
<li><a rel="contents" href="#URL_PAGE{archives}"><:moodboard:archives:></a></li>
<B_about>
<BOUCLE_about(MOTS){titre_mot="about_mb"}>
<li><a rel="contents" href="#URL_PAGE{apropos}"><:moodboard:about:></a></li>
</BOUCLE_about>
</B_about>
<li><a rel="nofollow" href="#URL_PAGE{contact}"><:moodboard:contact:></a></li>
</ul>
</div>

8
inclure/noscript_mb.html

@ -1,6 +1,6 @@
<noscript>
<div class="noscript_mb">
<:moodboard:noscript_text:><a href="http://core.spip.org/">core.spip.org</a>
<style>#pins_mb{display:none;}.infobar_md{display:none;}.pagination_mb{display:none;}</style>
</div>
<div class="noscript_mb">
<:moodboard:noscript_text:><a href="http://core.spip.org/">core.spip.org</a>
<style>#pins_mb{display:none;}.infobar_md{display:none;}.pagination_mb{display:none;}</style>
</div>
</noscript>

72
inclure/recents_mb.html

@ -1,44 +1,42 @@
<B_recents_mb>
<div id="recents_mb">
<strong class="h1"><:moodboard:recents_pins:></strong>
[(#REM) Si javascript n'est pas activé sur le navigateur ]
<INCLURE{fond=inclure/noscript_mb} />
#ANCRE_PAGINATION
[(#REM) Affichage des articles façon moodboard ]
<ul id="pins_mb">
[(#REM) Exclure les mots about et offscreen ]
<BOUCLE_recents_mb(ARTICLES){!titre_mot == ^(about_mb|offscreen_mb)$}{!par date}{pagination}>
<li class="hentry pin_mb" style="display: list-item;">
[(#REM) Si pas de logo d'article récupérer la première image ]
#SET{logo_document,''}
<BOUCLE_doc(DOCUMENTS) {id_article}{extension IN png,jpg,gif}{0,1}>
#SET{logo_document,#FICHIER}
</BOUCLE_doc>
<a href="[(#URL_ARTICLE)]" rel="bookmark">
[<div class="logo_pin_mb" style="width: 236px; height: [(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|hauteur)]px;">
<img width="[(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|largeur)]" height="[(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|hauteur)]" alt="[(#TITRE|textebrut)]" src="(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|extraire_attribut{src}|url_absolue)" />
</div>]
<div class="text_pin_mb">
<h2 class="h2 entry-title">#TITRE</h2>
[<h3 class="#EDIT{soustitre} soustitre entry-content">(#SOUSTITRE)</h3>]
</div>
<small><abbr class="published"[ title="(#DATE|date_iso)"]>[(#DATE|nom_jour) ][(#DATE|affdate)]</abbr></small>
</a>
</li>
</BOUCLE_recents_mb>
</ul>
[<p class="pagination_mb">(#PAGINATION|{precedent_suivant})</p>]
</div><!-- #recents_mb -->
<div id="recents_mb">
<strong class="h1"><:moodboard:recents_pins:></strong>
[(#REM) Si javascript n'est pas activé sur le navigateur ]
<INCLURE{fond=inclure/noscript_mb} />
#ANCRE_PAGINATION
[(#REM) Affichage des articles façon moodboard ]
<ul id="pins_mb">
[(#REM) Exclure les mots about et offscreen ]
<BOUCLE_recents_mb(ARTICLES){!titre_mot == ^(about_mb|offscreen_mb)$}{!par date}{pagination}>
<li class="hentry pin_mb" style="display: list-item;">
[(#REM) Si pas de logo d'article récupérer la première image ]
#SET{logo_document,''}
<BOUCLE_doc(DOCUMENTS) {id_article}{extension IN png,jpg,gif}{0,1}>
#SET{logo_document,#FICHIER}
</BOUCLE_doc>
<a href="[(#URL_ARTICLE)]" rel="bookmark">
[<div class="logo_pin_mb" style="width: 236px; height: [(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|hauteur)]px;">
<img width="[(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|largeur)]" height="[(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|hauteur)]" alt="[(#TITRE|textebrut)]" src="(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|extraire_attribut{src}|url_absolue)" />
</div>]
<div class="text_pin_mb">
<h2 class="h2 entry-title">#TITRE</h2>
[<h3 class="#EDIT{soustitre} soustitre entry-content">(#SOUSTITRE)</h3>]
</div>
<small><abbr class="published"[ title="(#DATE|date_iso)"]>[(#DATE|nom_jour) ][(#DATE|affdate)]</abbr></small>
</a>
</li>
</BOUCLE_recents_mb>
</ul>
[<p class="pagination_mb">(#PAGINATION|{precedent_suivant})</p>]
</div><!-- #recents_mb -->
</B_recents_mb>
<!-- Wookmark : lancement du script de mise en page des articles -->
<script src="[(#CHEMIN{js/play.jquery.wookmark.js})]" type="text/javascript"></script>
<!-- Fin Wookmark -->
<!-- Fin Wookmark -->

118
inclure/rubriques_mb.html

@ -6,75 +6,73 @@ hasard,
}}
<B_rubriques_mb>
<div id="rubriques_mb">
<div id="rubriques_mb">
#ANCRE_PAGINATION
<strong class="h1"><:moodboard:all_categories:> (#GRAND_TOTAL)</strong>
#ANCRE_PAGINATION
<strong class="h1"><:moodboard:all_categories:> (#GRAND_TOTAL)</strong>
[(#REM) Si javascript n'est pas activé sur le navigateur ]
<INCLURE{fond=inclure/noscript_mb} />
[(#REM) Si javascript n'est pas activé sur le navigateur ]
<INCLURE{fond=inclure/noscript_mb} />
[(#REM) Info Barre ]
<div class="clearfix infobar_md">
<div class="content_infobar_md">
<div class="tri_mb">
#TRI{date,'Date',ajax}&nbsp;|
#TRI{titre,'Titre',ajax}&nbsp;|
#TRI{hasard,'Hazard',ajax}
</div>
[<div class="pagination_mb">(#PAGINATION|{prive})</div>]
</div>
</div>
[(#REM) Info Barre ]
<div class="clearfix infobar_md">
<div class="content_infobar_md">
<div class="tri_mb">
#TRI{date,'Date',ajax}&nbsp;|
#TRI{titre,'Titre',ajax}&nbsp;|
#TRI{hasard,'Hazard',ajax}
</div>
[<div class="pagination_mb">(#PAGINATION|{prive})</div>]
</div>
</div>
[(#REM) Affichage des rubriques façon moodboard ]
<ul id="pins_mb" class="boards_mb">
<BOUCLE_rubriques_mb(RUBRIQUES){tri date,#GET{defaut_tri}}{pagination 20}>
<li class="hentry board_mb pin_mb">
<a href="[(#URL_RUBRIQUE)]" rel="bookmark">
<div class="text_board_mb">
<h2 class="h2 entry-title">[(#TITRE|couper{28}|textebrut)]</h2>
</div>
<div class="logo_board_mb">
[(#REM) Exclure les mots about et offscreen ]
<BOUCLE_logo_rubriques_mb(ARTICLES){!titre_mot == ^(about_mb|offscreen_mb)$}{id_rubrique}{!par date} {0,1}>
[(#REM) Affichage des rubriques façon moodboard ]
<ul id="pins_mb" class="boards_mb">
<BOUCLE_rubriques_mb(RUBRIQUES){tri date,#GET{defaut_tri}}{pagination 20}>
<li class="hentry board_mb pin_mb">
<a href="[(#URL_RUBRIQUE)]" rel="bookmark">
<div class="text_board_mb">
<h2 class="h2 entry-title">[(#TITRE|couper{28}|textebrut)]</h2>
</div>
<div class="logo_board_mb">
[(#REM) Exclure les mots about et offscreen ]
<BOUCLE_logo_rubriques_mb(ARTICLES){!titre_mot == ^(about_mb|offscreen_mb)$}{id_rubrique}{!par date} {0,1}>
[(#REM) Si pas de logo d'article récupérer la première image ]
#SET{logo_document,''}
<BOUCLE_doc_logo(DOCUMENTS) {id_article}{extension IN png,jpg,gif}{0,1}>
#SET{logo_document,#FICHIER}
</BOUCLE_doc_logo>
<span class="hovermask_mb"></span>
<img width="216" height="146" alt="[(#TITRE|textebrut)]" src="[(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_passe_partout{216,146}|image_recadre{216,146}|extraire_attribut{src}|url_absolue)]" />
</BOUCLE_logo_rubriques_mb>
</div>
<div class="thumbs_board_mb">
<ul>
[(#REM) Exclure les mots about et offscreen ]
<BOUCLE_thumbs_rubriques_mb(ARTICLES){!titre_mot == ^(about_mb|offscreen_mb)$}{id_rubrique}{!par date} {1,4}>
<li>
[(#REM) Si pas de logo d'article récupérer la première image ]
#SET{logo_document,''}
<BOUCLE_doc_logo(DOCUMENTS) {id_article}{extension IN png,jpg,gif}{0,1}>
#SET{logo_document,#FICHIER}
</BOUCLE_doc_logo>
<span class="hovermask_mb"></span>
<img width="216" height="146" alt="[(#TITRE|textebrut)]" src="[(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_passe_partout{216,146}|image_recadre{216,146}|extraire_attribut{src}|url_absolue)]" />
</BOUCLE_logo_rubriques_mb>
</div>
<div class="thumbs_board_mb">
<ul>
[(#REM) Exclure les mots about et offscreen ]
<BOUCLE_thumbs_rubriques_mb(ARTICLES){!titre_mot == ^(about_mb|offscreen_mb)$}{id_rubrique}{!par date} {1,4}>
<li>
[(#REM) Si pas de logo d'article récupérer la première image ]
#SET{thumbs_document,''}
<BOUCLE_doc_thumbs(DOCUMENTS){id_article}{extension IN png,jpg,gif}{0,1}>
#SET{thumbs_document,#FICHIER}
</BOUCLE_doc_thumbs>
<span class="hovermask_mb"></span>
<img width="51" height="51" alt="[(#TITRE|textebrut)]" src="[(#LOGO_ARTICLE|sinon{#GET{thumbs_document}}||image_passe_partout{51,51}|image_recadre{51,51}|extraire_attribut{src}|url_absolue)]" />
</li>
</BOUCLE_thumbs_rubriques_mb>
</ul>
</div>
</a>
</li>
</BOUCLE_rubriques_mb>
</ul>
[(#REM) Si pas de logo d'article récupérer la première image ]
#SET{thumbs_document,''}
<BOUCLE_doc_thumbs(DOCUMENTS){id_article}{extension IN png,jpg,gif}{0,1}>
#SET{thumbs_document,#FICHIER}
</BOUCLE_doc_thumbs>
<span class="hovermask_mb"></span>
<img width="51" height="51" alt="[(#TITRE|textebrut)]" src="[(#LOGO_ARTICLE|sinon{#GET{thumbs_document}}||image_passe_partout{51,51}|image_recadre{51,51}|extraire_attribut{src}|url_absolue)]" />
</li>
</BOUCLE_thumbs_rubriques_mb>
</ul>
</div>
</a>
</li>
</BOUCLE_rubriques_mb>
</ul>
</div><!-- #rubriques_mb -->
</div><!-- #rubriques_mb -->
</B_rubriques_mb>
<!-- Wookmark : lancement du script de mise en page des rubriques -->
<script src="[(#CHEMIN{js/play.jquery.wookmark.js})]" type="text/javascript"></script>
<!-- Fin Wookmark -->
<!-- Fin Wookmark -->

822
js/jquery.wookmark.js

@ -10,430 +10,430 @@ jQuery Wookmark plugin
@license Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license.
*/
(function (factory) {
if (typeof define === 'function' && define.amd)
define(['jquery'], factory);
else
factory(jQuery);
if (typeof define === 'function' && define.amd)
define(['jquery'], factory);
else
factory(jQuery);
}(function ($) {
var Wookmark, defaultOptions, __bind;
__bind = function(fn, me) {
return function() {
return fn.apply(me, arguments);
};
};
// Wookmark default options
defaultOptions = {
align: 'center',
container: $('body'),
offset: 2,
autoResize: false,
itemWidth: 0,
flexibleWidth: 0,
resizeDelay: 50,
onLayoutChanged: undefined,
fillEmptySpace: false
};
Wookmark = (function(options) {
function Wookmark(handler, options) {
// Instance variables.
this.handler = handler;
this.columns = this.containerWidth = this.resizeTimer = null;
this.activeItemCount = 0;
this.direction = 'left';
this.itemHeightsDirty = true;
this.placeholders = [];
$.extend(true, this, defaultOptions, options);
// Bind instance methods
this.update = __bind(this.update, this);
this.onResize = __bind(this.onResize, this);
this.onRefresh = __bind(this.onRefresh, this);
this.getItemWidth = __bind(this.getItemWidth, this);
this.layout = __bind(this.layout, this);
this.layoutFull = __bind(this.layoutFull, this);
this.layoutColumns = __bind(this.layoutColumns, this);
this.filter = __bind(this.filter, this);
this.clear = __bind(this.clear, this);
this.getActiveItems = __bind(this.getActiveItems, this);
this.refreshPlaceholders = __bind(this.refreshPlaceholders, this);
// Collect filter data
var i = j = 0, filterClasses = {}, itemFilterClasses;
for (; i < handler.length; i++) {
$item = handler.eq(i);
// Read filter classes
itemFilterClasses = $item.data('filterClass');
// Globally store each filter class as object and the fitting items in the array
if (typeof itemFilterClasses == 'object' && itemFilterClasses.length > 0) {
for (j = 0; j < itemFilterClasses.length; j++) {
filterClass = $.trim(itemFilterClasses[j]).toLowerCase();
if (!(filterClass in filterClasses)) {
filterClasses[filterClass] = [];
}
filterClasses[filterClass].push($item[0]);
}
}
};
this.filterClasses = filterClasses;
// Listen to resize event if requested.
if (this.autoResize) {
$(window).bind('resize.wookmark', this.onResize);
};
this.container.bind('refreshWookmark', this.onRefresh);
};
// Method for updating the plugins options
Wookmark.prototype.update = function(options) {
this.itemHeightsDirty = true;
$.extend(true, this, options);
};
// This timer ensures that layout is not continuously called as window is being dragged.
Wookmark.prototype.onResize = function() {
clearTimeout(this.resizeTimer);
this.itemHeightsDirty = this.flexibleWidth != 0;
this.resizeTimer = setTimeout(this.layout, this.resizeDelay);
};
// Marks the items heights as dirty and does a relayout
Wookmark.prototype.onRefresh = function() {
this.itemHeightsDirty = true;
this.layout();
};
/**
var Wookmark, defaultOptions, __bind;
__bind = function(fn, me) {
return function() {
return fn.apply(me, arguments);
};
};
// Wookmark default options
defaultOptions = {
align: 'center',
container: $('body'),
offset: 2,
autoResize: false,
itemWidth: 0,
flexibleWidth: 0,
resizeDelay: 50,
onLayoutChanged: undefined,
fillEmptySpace: false
};
Wookmark = (function(options) {
function Wookmark(handler, options) {
// Instance variables.
this.handler = handler;
this.columns = this.containerWidth = this.resizeTimer = null;
this.activeItemCount = 0;
this.direction = 'left';
this.itemHeightsDirty = true;
this.placeholders = [];
$.extend(true, this, defaultOptions, options);
// Bind instance methods
this.update = __bind(this.update, this);
this.onResize = __bind(this.onResize, this);
this.onRefresh = __bind(this.onRefresh, this);
this.getItemWidth = __bind(this.getItemWidth, this);
this.layout = __bind(this.layout, this);
this.layoutFull = __bind(this.layoutFull, this);
this.layoutColumns = __bind(this.layoutColumns, this);
this.filter = __bind(this.filter, this);
this.clear = __bind(this.clear, this);
this.getActiveItems = __bind(this.getActiveItems, this);
this.refreshPlaceholders = __bind(this.refreshPlaceholders, this);
// Collect filter data
var i = j = 0, filterClasses = {}, itemFilterClasses;