Changeset 96069 in spip-zone


Ignore:
Timestamp:
Mar 19, 2016, 1:35:18 PM (4 years ago)
Author:
spip.franck@…
Message:

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

Location:
_squelettes_/moodboard
Files:
27 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/moodboard/apropos.html

    r74746 r96069  
    1818<div class="page">
    1919
    20     <INCLURE{fond=inclure/header} />
    21     <INCLURE{fond=inclure/nav,env} />
    22    
    23     <div class="main">
    24         [(#REM) Contenu principal : contenu de l'article ]
    25         <div class="wrapper hfeed">
    26         <div class="content hentry" id="content">
    27             <p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:moodboard:about:></strong></p>
    28    
    29             <div class="cartouche">
    30                 [<p class="#EDIT{surtitre} surtitre">(#SURTITRE)</p>]
    31                 <h1 class="#EDIT{titre} surlignable">[(#LOGO_ARTICLE_RUBRIQUE|image_reduire{500,*}) ]#TITRE</h1>
    32                 [<p class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</p>]
    33                 <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>
    34                 [(#REM) Inclure le modele des liens de traductions ]
    35                 #MODELE{article_traductions}
    36             </div>
    37            
    38             [<div class="#EDIT{chapo} chapo surlignable">(#CHAPO|image_reduire{500,*})</div>]
    39             [<div class="#EDIT{texte} texte surlignable">(#TEXTE|image_reduire{500,*})</div>]
    40        
    41             [<hr /><p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
    42             [<div class="#EDIT{ps} ps surlignable"><hr />(#PS|image_reduire{500,*})</div>]
    43        
    44             [(#REM) Gestion du portfolio et des documents ]
    45             [(#INCLURE{fond=inclure/documents,id_article, env})]
    46    
    47             [(#REM) Petition :
    48             La petition ayant une PAGINATION il faut absolument {env}
    49             et pourquoi pas ajax
    50             ][(#PETITION|oui)<INCLURE{fond=inclure/petition,id_article,env,ajax} />]
    51            
    52             [<div class="notes"><hr />(#NOTES)</div>]
    53            
    54             [(#REM) Forum de l'article ]
    55             <a href="#forum" name="forum" id="forum"></a>
    56             <INCLURE{fond=inclure/forum,id_article} />
    57             [<h2><:forum:form_pet_message_commentaire:></h2>
    58             (#FORMULAIRE_FORUM)]
    59    
    60         </div><!--.content-->
    61         </div><!--.wrapper-->
    62    
    63         <div class="aside">
    64           #FORMULAIRE_RECHERCHE
    65         </div><!--.aside-->
     20        <INCLURE{fond=inclure/header} />
     21        <INCLURE{fond=inclure/nav,env} />
    6622
    67     </div><!--.main-->
     23        <div class="main">
     24                [(#REM) Contenu principal : contenu de l'article ]
     25                <div class="wrapper hfeed">
     26                        <div class="content hentry" id="content">
     27                                <p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:moodboard:about:></strong></p>
    6828
    69     <INCLURE{fond=inclure/footer,self=#SELF} />
     29                                <div class="cartouche">
     30                                        [<p class="#EDIT{surtitre} surtitre">(#SURTITRE)</p>]
     31                                        <h1 class="#EDIT{titre} surlignable">[(#LOGO_ARTICLE_RUBRIQUE|image_reduire{500,*}) ]#TITRE</h1>
     32                                        [<p class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</p>]
     33                                        <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>
     34                                        [(#REM) Inclure le modele des liens de traductions ]
     35                                        #MODELE{article_traductions}
     36                                </div>
     37
     38                                [<div class="#EDIT{chapo} chapo surlignable">(#CHAPO|image_reduire{500,*})</div>]
     39                                [<div class="#EDIT{texte} texte surlignable">(#TEXTE|image_reduire{500,*})</div>]
     40
     41                                [<hr /><p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
     42                                [<div class="#EDIT{ps} ps surlignable"><hr />(#PS|image_reduire{500,*})</div>]
     43
     44                                [(#REM) Gestion du portfolio et des documents ]
     45                                [(#INCLURE{fond=inclure/documents,id_article, env})]
     46
     47                                [(#REM) Petition :
     48                                        La petition ayant une PAGINATION il faut absolument {env}
     49                                        et pourquoi pas ajax
     50                                ][(#PETITION|oui)<INCLURE{fond=inclure/petition,id_article,env,ajax} />]
     51
     52                                [<div class="notes"><hr />(#NOTES)</div>]
     53
     54                                [(#REM) Forum de l'article ]
     55                                <a href="#forum" name="forum" id="forum"></a>
     56                                <INCLURE{fond=inclure/forum,id_article} />
     57                                [<h2><:forum:form_pet_message_commentaire:></h2>
     58                                (#FORMULAIRE_FORUM)]
     59
     60                        </div><!--.content-->
     61                </div><!--.wrapper-->
     62
     63                <div class="aside">
     64                        #FORMULAIRE_RECHERCHE
     65                </div><!--.aside-->
     66
     67        </div><!--.main-->
     68
     69        <INCLURE{fond=inclure/footer,self=#SELF} />
    7070
    7171</div><!--.page-->
  • _squelettes_/moodboard/archives.html

    r74746 r96069  
    1616<body class="pas_surlignable page_archives">
    1717<div class="page">
    18    
    19     <INCLURE{fond=inclure/header} />
    20     <INCLURE{fond=inclure/nav,env} />
    21    
    22     <div class="main">
    23         <div class="wrapper">
    24         <div class="content" id="content">
    25             <p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:moodboard:archives:></strong></p>
    26        
    27             <div class="cartouche">
    28                 <h1><:moodboard:archives:></h1>
    29             </div>
    30            
    31             #MODELE{archives_mb}
    32    
    33         </div><!--.content-->
    34         </div><!--.wrapper-->
    35    
    36         <div class="aside">
    37             <INCLURE{fond=inclure/navsub} />
    38             #FORMULAIRE_RECHERCHE
    39         </div><!--.aside-->
    40     </div><!--.main-->
    4118
    42     <INCLURE{fond=inclure/footer,self=#SELF} />
     19        <INCLURE{fond=inclure/header} />
     20        <INCLURE{fond=inclure/nav,env} />
     21
     22        <div class="main">
     23                <div class="wrapper">
     24                        <div class="content" id="content">
     25                                <p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:moodboard:archives:></strong></p>
     26
     27                                <div class="cartouche">
     28                                        <h1><:moodboard:archives:></h1>
     29                                </div>
     30
     31                                #MODELE{archives_mb}
     32
     33                        </div><!--.content-->
     34                </div><!--.wrapper-->
     35
     36                <div class="aside">
     37                        <INCLURE{fond=inclure/navsub} />
     38                        #FORMULAIRE_RECHERCHE
     39                </div><!--.aside-->
     40        </div><!--.main-->
     41
     42        <INCLURE{fond=inclure/footer,self=#SELF} />
    4343
    4444</div><!--.page-->
  • _squelettes_/moodboard/article.html

    r74746 r96069  
    1919<div class="page">
    2020
    21     <INCLURE{fond=inclure/header} />
    22     <INCLURE{fond=inclure/nav,env} />
    23    
    24     <div class="main">
    25         [(#REM) Contenu principal : contenu de l'article ]
    26         <div class="wrapper hfeed">
    27         <div class="content hentry" id="content">
    28             <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>
    29    
    30             <div class="cartouche">
    31                 [<p class="#EDIT{surtitre} surtitre">(#SURTITRE)</p>]
    32                 <h1 class="#EDIT{titre} surlignable">[(#LOGO_ARTICLE_RUBRIQUE|image_reduire{40,*}) ]#TITRE</h1>
    33                 [<p class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</p>]
    34                 <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>
    35                 [(#REM) Inclure le modele des liens de traductions ]
    36                 #MODELE{article_traductions}
    37             </div>
     21        <INCLURE{fond=inclure/header} />
     22        <INCLURE{fond=inclure/nav,env} />
     23
     24        <div class="main">
     25                [(#REM) Contenu principal : contenu de l'article ]
     26                <div class="wrapper hfeed">
     27                        <div class="content hentry" id="content">
     28                                <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>
     29
     30                                <div class="cartouche">
     31                                        [<p class="#EDIT{surtitre} surtitre">(#SURTITRE)</p>]
     32                                        <h1 class="#EDIT{titre} surlignable">[(#LOGO_ARTICLE_RUBRIQUE|image_reduire{40,*}) ]#TITRE</h1>
     33                                        [<p class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</p>]
     34                                        <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>
     35                                        [(#REM) Inclure le modele des liens de traductions ]
     36                                        #MODELE{article_traductions}
     37                                </div>
    3838           
    39             [<div class="#EDIT{chapo} chapo surlignable">(#CHAPO|image_reduire{500,*})</div>]
    40             [<div class="#EDIT{texte} texte surlignable">(#TEXTE|image_reduire{500,*})</div>]
    41        
    42             [<hr /><p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
    43             [<div class="#EDIT{ps} ps surlignable"><hr />(#PS|image_reduire{500,*})</div>]
    44        
    45             [(#REM) Gestion du portfolio et des documents ]
    46             [(#INCLURE{fond=inclure/documents,id_article, env})]
    47    
    48             [(#REM) Petition :
    49             La petition ayant une PAGINATION il faut absolument {env}
    50             et pourquoi pas ajax
    51             ][(#PETITION|oui)<INCLURE{fond=inclure/petition,id_article,env,ajax} />]
    52            
    53             [<div class="notes"><hr />(#NOTES)</div>]
    54            
    55             [(#REM) Forum de l'article ]
    56             <a href="#forum" name="forum" id="forum"></a>
    57             <INCLURE{fond=inclure/forum,id_article} />
    58             [<h2><:forum:form_pet_message_commentaire:></h2>
    59             (#FORMULAIRE_FORUM)]
    60    
    61         </div><!--.content-->
    62         </div><!--.wrapper-->
    63    
    64    
    65         <div class="aside">
    66        
    67             <INCLURE{fond=inclure/navsub, id_rubrique} />
    68             #FORMULAIRE_RECHERCHE
    69    
    70             [(#REM) Articles dans la meme rubrique ]
    71             <B_articles_rubrique>
    72             <div class="menu">
    73                 <h2><:meme_rubrique:></h2>
    74                 <ul>
    75                     <BOUCLE_articles_rubrique(ARTICLES) {id_rubrique} {!par date} {0,10}>
    76                     <li><a href="#URL_ARTICLE"[ class="(#EXPOSE)"]>#TITRE</a></li>
    77                     </BOUCLE_articles_rubrique>
    78                 </ul>
    79             </div>
    80             </B_articles_rubrique>
    81    
    82             [(#REM) Menu de navigation mots-cles ]
    83             #MODELE{article_mots}
    84            
    85         </div><!--.aside-->
    86     </div><!--.main-->
     39                                [<div class="#EDIT{chapo} chapo surlignable">(#CHAPO|image_reduire{500,*})</div>]
     40                                [<div class="#EDIT{texte} texte surlignable">(#TEXTE|image_reduire{500,*})</div>]
    8741
    88     <INCLURE{fond=inclure/footer,self=#SELF} />
     42                                [<hr /><p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
     43                                [<div class="#EDIT{ps} ps surlignable"><hr />(#PS|image_reduire{500,*})</div>]
     44
     45                                [(#REM) Gestion du portfolio et des documents ]
     46                                [(#INCLURE{fond=inclure/documents,id_article, env})]
     47
     48                                [(#REM) Petition :
     49                                        La petition ayant une PAGINATION il faut absolument {env}
     50                                        et pourquoi pas ajax
     51                                ][(#PETITION|oui)<INCLURE{fond=inclure/petition,id_article,env,ajax} />]
     52
     53                                [<div class="notes"><hr />(#NOTES)</div>]
     54
     55                                [(#REM) Forum de l'article ]
     56                                <a href="#forum" name="forum" id="forum"></a>
     57                                <INCLURE{fond=inclure/forum,id_article} />
     58                                [<h2><:forum:form_pet_message_commentaire:></h2>
     59                                (#FORMULAIRE_FORUM)]
     60
     61                        </div><!--.content-->
     62                </div><!--.wrapper-->
     63
     64
     65                <div class="aside">
     66
     67                        <INCLURE{fond=inclure/navsub, id_rubrique} />
     68                        #FORMULAIRE_RECHERCHE
     69
     70                        [(#REM) Articles dans la meme rubrique ]
     71                        <B_articles_rubrique>
     72                                <div class="menu">
     73                                        <h2><:meme_rubrique:></h2>
     74                                        <ul>
     75                                                <BOUCLE_articles_rubrique(ARTICLES) {id_rubrique} {!par date} {0,10}>
     76                                                <li><a href="#URL_ARTICLE"[ class="(#EXPOSE)"]>#TITRE</a></li>
     77                                                </BOUCLE_articles_rubrique>
     78                                        </ul>
     79                                </div>
     80                        </B_articles_rubrique>
     81
     82                        [(#REM) Menu de navigation mots-cles ]
     83                        #MODELE{article_mots}
     84
     85                </div><!--.aside-->
     86        </div><!--.main-->
     87
     88        <INCLURE{fond=inclure/footer,self=#SELF} />
    8989
    9090</div><!--.page-->
  • _squelettes_/moodboard/articles.html

    r74746 r96069  
    1616<div class="page">
    1717
    18     <INCLURE{fond=inclure/header} />
    19     <INCLURE{fond=inclure/nav,env} />
    20    
    21     <div class="main">
    22         <div class="wrapper hfeed">
    23         <div class="content" id="content">
    24             <INCLURE{fond=inclure/articles_mb,env,ajax} />
    25         </div><!--.content-->
    26         </div><!--.wrapper-->
    27        
    28         <div class="aside">
    29             <INCLURE{fond=inclure/navsub} />
    30             #FORMULAIRE_RECHERCHE
    31            
    32             [(#REM) Liens des forums ]
    33             <B_forums_liens>
    34             <div class="menu menu_comments">
    35                 <h2><:derniers_commentaires:></h2>
    36                 <ul>
    37                     <BOUCLE_forums_liens(FORUMS?) {plat} {!par date} {0,5}>
    38                     [<li>[(#NOM|sinon{...})&nbsp;: ]<a href="#URL_FORUM"[ title="(#TITRE|attribut_html|couper{80})"]>(#TEXTE|couper{80})</a></li>]
    39                     </BOUCLE_forums_liens>
    40                 </ul>
    41             </div>
    42             </B_forums_liens>
    43            
    44             [(#REM) Sur le Web ]
    45             <B_syndic>
    46             <div class="menu">
    47                 <h2><:nouveautes_web:></h2>
    48                 <ul>
    49                     <BOUCLE_syndic(SYNDIC_ARTICLES) {age<180} {!par date} {0,5}>
    50                     <li>[(#DATE|affdate_jourcourt) &ndash; ]<a href="#URL_ARTICLE"[ title="(#NOM_SITE|attribut_html|couper{80})"] class="spip_out">#TITRE</a></li>
    51                     </BOUCLE_syndic>
    52                 </ul>
    53             </div>
    54             </B_syndic>
    55            
    56         </div><!--.aside-->
    57     </div><!--.main-->
    58    
    59     <INCLURE{fond=inclure/footer,self=#SELF} />
    60    
     18        <INCLURE{fond=inclure/header} />
     19        <INCLURE{fond=inclure/nav,env} />
     20
     21        <div class="main">
     22                <div class="wrapper hfeed">
     23                        <div class="content" id="content">
     24                                <INCLURE{fond=inclure/articles_mb,env,ajax} />
     25                        </div><!--.content-->
     26                </div><!--.wrapper-->
     27
     28                <div class="aside">
     29                        <INCLURE{fond=inclure/navsub} />
     30                        #FORMULAIRE_RECHERCHE
     31
     32                        [(#REM) Liens des forums ]
     33                        <B_forums_liens>
     34                                <div class="menu menu_comments">
     35                                        <h2><:derniers_commentaires:></h2>
     36                                        <ul>
     37                                                <BOUCLE_forums_liens(FORUMS?) {plat} {!par date} {0,5}>
     38                                                        [<li>[(#NOM|sinon{...})&nbsp;: ]<a href="#URL_FORUM"[ title="(#TITRE|attribut_html|couper{80})"]>(#TEXTE|couper{80})</a></li>]
     39                                                </BOUCLE_forums_liens>
     40                                        </ul>
     41                                </div>
     42                        </B_forums_liens>
     43
     44                        [(#REM) Sur le Web ]
     45                        <B_syndic>
     46                                <div class="menu">
     47                                        <h2><:nouveautes_web:></h2>
     48                                        <ul>
     49                                                <BOUCLE_syndic(SYNDIC_ARTICLES) {age<180} {!par date} {0,5}>
     50                                                <li>[(#DATE|affdate_jourcourt) &ndash; ]<a href="#URL_ARTICLE"[ title="(#NOM_SITE|attribut_html|couper{80})"] class="spip_out">#TITRE</a></li>
     51                                                </BOUCLE_syndic>
     52                                        </ul>
     53                                </div>
     54                        </B_syndic>
     55
     56                </div><!--.aside-->
     57        </div><!--.main-->
     58
     59        <INCLURE{fond=inclure/footer,self=#SELF} />
     60
    6161</div><!--.page-->
    6262</body>
  • _squelettes_/moodboard/contact.html

    r74746 r96069  
    1717<div class="page">
    1818
    19     <INCLURE{fond=inclure/header} />
    20     <INCLURE{fond=inclure/nav,env} />
     19        <INCLURE{fond=inclure/header} />
     20        <INCLURE{fond=inclure/nav,env} />
    2121
    22     <div class="main">
    23         <div class="wrapper">
    24         <div class="content" id="content">
    25             <p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:moodboard:contact:></strong></p>
    26        
    27             <div class="cartouche">
    28                 <h1><:moodboard:contact:></h1>
    29             </div>
    30        
    31             #FORMULAIRE_ECRIRE_AUTEUR
    32        
    33         </div><!--.content-->
    34         </div><!--.wrapper-->
    35    
    36         <div class="aside">
    37             <INCLURE{fond=inclure/navsub} />
    38             #FORMULAIRE_RECHERCHE
     22        <div class="main">
     23                <div class="wrapper">
     24                        <div class="content" id="content">
     25                                <p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:moodboard:contact:></strong></p>
    3926
    40             [(#REM) Bio ]
    41             <div class="menu">
    42               [(#REM) microformat vcard]
    43               <div class="vcard">
    44                 <h2 class="#EDIT{qui} fn">#NOM</h2>
    45                 [<div class="#EDIT{bio} texte adr">(#BIO)</div>]
    46                 [<p><a href="(#URL_SITE)" class="#EDIT{hyperlien} spip_out url">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
    47                 <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>
    48               </div>
    49             </div>
     27                                <div class="cartouche">
     28                                        <h1><:moodboard:contact:></h1>
     29                                </div>
    5030
    51         </div><!--.aside-->
    52     </div><!--.main-->
     31                                #FORMULAIRE_ECRIRE_AUTEUR
    5332
    54     <INCLURE{fond=inclure/footer,self=#SELF} />
     33                        </div><!--.content-->
     34                </div><!--.wrapper-->
     35
     36                <div class="aside">
     37                        <INCLURE{fond=inclure/navsub} />
     38                        #FORMULAIRE_RECHERCHE
     39
     40                        [(#REM) Bio ]
     41                        <div class="menu">
     42                                [(#REM) microformat vcard]
     43                                <div class="vcard">
     44                                        <h2 class="#EDIT{qui} fn">#NOM</h2>
     45                                        [<div class="#EDIT{bio} texte adr">(#BIO)</div>]
     46                                        [<p><a href="(#URL_SITE)" class="#EDIT{hyperlien} spip_out url">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
     47                                        <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>
     48                                </div>
     49                        </div>
     50
     51                </div><!--.aside-->
     52        </div><!--.main-->
     53
     54        <INCLURE{fond=inclure/footer,self=#SELF} />
    5555
    5656</div><!--.page-->
  • _squelettes_/moodboard/css/moodboard.css

    r74746 r96069  
    5353----------------------------- */
    5454.noscript_mb {
    55     border: 2px dashed #F57900;
    56     font-size: 18px;
    57     line-height: 24px;
    58     margin: 2em 4% 6em;
    59     padding: 0.75em;
    60     text-align: center;
     55        border: 2px dashed #F57900;
     56        font-size: 18px;
     57        line-height: 24px;
     58        margin: 2em 4% 6em;
     59        padding: 0.75em;
     60        text-align: center;
    6161}
    6262
     
    7272----------------------------- */
    7373.infobar_md {
    74     margin: 0 0 1.5em;
    75     padding: 0 10px;
     74        margin: 0 0 1.5em;
     75        padding: 0 10px;
    7676}
    7777.content_infobar_md {
    78     float: left;
    79     padding: 4px 0;
    80     width: 100%;
     78        float: left;
     79        padding: 4px 0;
     80        width: 100%;
    8181}
    8282
    8383.tri_mb {
    84     float: left;
    85     margin-top: 5px;
    86     min-width: 216px;
    87     text-align: left;
    88     width: 50%;
     84        float: left;
     85        margin-top: 5px;
     86        min-width: 216px;
     87        text-align: left;
     88        width: 50%;
    8989}
    9090.pagination_mb {
    91     float: right;
    92     margin-top: 5px;
    93     min-width: 216px;
    94     text-align: right;
    95     width: 50%;
     91        float: right;
     92        margin-top: 5px;
     93        min-width: 216px;
     94        text-align: right;
     95        width: 50%;
    9696}
    9797
    9898/* .page_sommaire */
    9999.page_sommaire .pagination_mb {
    100     float: left;
    101     text-align: center;
    102     width: 100%;
     100        float: left;
     101        text-align: center;
     102        width: 100%;
    103103}
    104104.page_sommaire .pagination_mb a {
    105     background: #EED;
    106     text-decoration: none;
     105        background: #EED;
     106        text-decoration: none;
    107107}
    108108.page_sommaire .pagination_mb a:focus,
    109109.page_sommaire .pagination_mb a:hover,
    110110.page_sommaire .pagination_mb a:active {
    111    background-color: #900;
    112    color: #FFF;
    113    text-decoration: none;
     111        background-color: #900;
     112        color: #FFF;
     113        text-decoration: none;
    114114}
    115115.page_sommaire .pagination_mb .on {
    116     background: none repeat scroll 0 0 #222222;
    117     color: #FFFFFF;
    118     font-weight: bold;
     116        background: none repeat scroll 0 0 #222222;
     117        color: #FFFFFF;
     118        font-weight: bold;
    119119}
    120120.page_sommaire .pagination_mb a, .page_sommaire .pagination_mb .on {
    121     margin: 0 1px;
    122     padding: 0.2em 0.5em;
     121        margin: 0 1px;
     122        padding: 0.2em 0.5em;
    123123}
    124124.page_sommaire .pagination_mb .sep { display: none; }
     
    165165/* .logo_board_mb */
    166166.logo_board_mb { clear: both;
    167     height: 146px;
    168     overflow: hidden;
    169     position: relative;
    170     width: 216px; }
     167        height: 146px;
     168        overflow: hidden;
     169        position: relative;
     170        width: 216px; }
    171171.logo_board_mb img { border-radius: 3px 3px 3px 3px; display: block; margin: 0 auto;}
    172172
     
    176176.thumbs_board_mb ul li:first-child { margin-left: 0; }
    177177.thumbs_board_mb ul li { display: inline;
    178     float: left;
    179     height: 51px;
    180     margin-left: 4px;
    181     position: relative;
    182     width: 51px; }
     178        float: left;
     179        height: 51px;
     180        margin-left: 4px;
     181        position: relative;
     182        width: 51px; }
    183183.thumbs_board_mb img { border-radius: 3px 3px 3px 3px; }
    184184
    185185/* .hovermask_mb */
    186186.hovermask_mb {
    187     border-radius: 3px 3px 3px 3px;
    188     bottom: 0;
    189     box-shadow: 0 0 3px rgba(0, 0, 0, 0.33) inset;
    190     left: 0;
    191     position: absolute;
    192     right: 0;
    193     top: 0;
    194     z-index: 80;
     187        border-radius: 3px 3px 3px 3px;
     188        bottom: 0;
     189        box-shadow: 0 0 3px rgba(0, 0, 0, 0.33) inset;
     190        left: 0;
     191        position: absolute;
     192        right: 0;
     193        top: 0;
     194        z-index: 80;
    195195}
    196196
     
    212212----------------------------- */
    213213.topreturn_mb {
    214     display: none;
    215     position: fixed;
    216     right: 5%;
    217     bottom: 0;
    218     white-space: nowrap;
    219     z-index: 100;
     214        display: none;
     215        position: fixed;
     216        right: 5%;
     217        bottom: 0;
     218        white-space: nowrap;
     219        z-index: 100;
    220220}
    221221.button_topreturn_mb {
    222     background-color: #990000;
    223     border: 0 none;
    224     border-radius: 0.3em 0.3em 0 0;
    225     font-weight: bold;
    226     margin: 0;
    227     opacity: 0.7;
    228     padding: 0.4em 1em;
     222        background-color: #990000;
     223        border: 0 none;
     224        border-radius: 0.3em 0.3em 0 0;
     225        font-weight: bold;
     226        margin: 0;
     227        opacity: 0.7;
     228        padding: 0.4em 1em;
    229229}
    230230.topreturn_mb a {
    231     border-radius: 0.3em 0.3em 0 0;
    232     color: #FFFFFF;
    233     opacity: 0.7;
    234     text-decoration: none;
     231        border-radius: 0.3em 0.3em 0 0;
     232        color: #FFFFFF;
     233        opacity: 0.7;
     234        text-decoration: none;
    235235}
    236236.topreturn_mb a:focus,
    237237.topreturn_mb  a:hover,
    238238.topreturn_mb a:active {
    239     background-color: #990000;
    240     text-decoration: none;
     239        background-color: #990000;
     240        text-decoration: none;
    241241}
    242242
     
    257257----------- */
    258258.tri_mb {
    259     text-align: center;
    260     width: 100%;
     259        text-align: center;
     260        width: 100%;
    261261}
    262262.pagination_mb {
    263     text-align: center;
    264     width: 100%;
     263        text-align: center;
     264        width: 100%;
    265265}
    266266
     
    268268----------- */
    269269.wrapper {
    270     height: auto !important;
    271     max-width: 100% !important;
     270        height: auto !important;
     271        max-width: 100% !important;
    272272}
    273273.content img {
    274     height: auto !important;
    275     max-width: 100% !important;
     274        height: auto !important;
     275        max-width: 100% !important;
    276276}
    277277.texte { text-align: left; }
  • _squelettes_/moodboard/inclure/articles_mb.html

    r74746 r96069  
    88<B_articles_mb>
    99
    10   <div id="articles_mb">
    11     #ANCRE_PAGINATION
    12     <strong class="h1"><:moodboard:all_pins:> (#GRAND_TOTAL)</strong>
     10        <div id="articles_mb">
     11                #ANCRE_PAGINATION
     12                <strong class="h1"><:moodboard:all_pins:> (#GRAND_TOTAL)</strong>
    1313
    14     [(#REM) Si javascript n'est pas activé sur le navigateur ]
    15     <INCLURE{fond=inclure/noscript_mb} />
     14                [(#REM) Si javascript n'est pas activé sur le navigateur ]
     15                <INCLURE{fond=inclure/noscript_mb} />
    1616
    17     [(#REM) Info Barre  ]
    18     <div class="clearfix infobar_md">
    19         <div class="content_infobar_md">
    20           <div class="tri_mb">
    21             #TRI{date,'Date',ajax}&nbsp;|
    22             #TRI{titre,'Titre',ajax}&nbsp;|
    23             #TRI{popularite,'Vues',ajax}&nbsp;|
    24             #TRI{hasard,'Hazard',ajax}
    25           </div>
    26           [<div class="pagination_mb">(#PAGINATION|{prive})</div>]
    27         </div>
    28     </div>
     17                [(#REM) Info Barre  ]
     18                <div class="clearfix infobar_md">
     19                        <div class="content_infobar_md">
     20                                <div class="tri_mb">
     21                                        #TRI{date,'Date',ajax}&nbsp;|
     22                                        #TRI{titre,'Titre',ajax}&nbsp;|
     23                                        #TRI{popularite,'Vues',ajax}&nbsp;|
     24                                        #TRI{hasard,'Hazard',ajax}
     25                                </div>
     26                                [<div class="pagination_mb">(#PAGINATION|{prive})</div>]
     27                        </div>
     28                </div>
    2929
    30     [(#REM) Affichage des articles façon moodboard ]
    31     <ul id="pins_mb">
    32       [(#REM) Exclure les mots about et offscreen ]
    33       <BOUCLE_articles_mb(ARTICLES){tri date,#GET{defaut_tri}}{!titre_mot == ^(about_mb|offscreen_mb)$}{pagination 20}>
    34         <li class="hentry pin_mb" style="display: list-item;">
     30                [(#REM) Affichage des articles façon moodboard ]
     31                <ul id="pins_mb">
     32                        [(#REM) Exclure les mots about et offscreen ]
     33                        <BOUCLE_articles_mb(ARTICLES){tri date,#GET{defaut_tri}}{!titre_mot == ^(about_mb|offscreen_mb)$}{pagination 20}>
     34                                <li class="hentry pin_mb" style="display: list-item;">
    3535
    36           [(#REM) Si pas de logo d'article récupérer la première image ]
    37           #SET{logo_document,''}
    38           <BOUCLE_doc(DOCUMENTS) {id_article}{extension IN png,jpg,gif}{0,1}>
    39             #SET{logo_document,#FICHIER}
    40           </BOUCLE_doc>
    41           <a href="[(#URL_ARTICLE)]" rel="bookmark">
    42             [<div class="logo_pin_mb" style="width: 236px; height: [(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|hauteur)]px;">
    43               <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)" />
    44             </div>]
    45             <div class="text_pin_mb">
    46               <h2 class="h2 entry-title">#TITRE</h2>
    47               [<h3 class="#EDIT{soustitre} soustitre entry-content">(#SOUSTITRE)</h3>]
    48             </div>
    49             <small><abbr class="published"[ title="(#DATE|date_iso)"]>[(#DATE|nom_jour) ][(#DATE|affdate)]</abbr></small>
    50           </a>
    51         </li>
    52       </BOUCLE_articles_mb>
    53     </ul>
     36                                        [(#REM) Si pas de logo d'article récupérer la première image ]
     37                                        #SET{logo_document,''}
     38                                        <BOUCLE_doc(DOCUMENTS) {id_article}{extension IN png,jpg,gif}{0,1}>
     39                                                #SET{logo_document,#FICHIER}
     40                                        </BOUCLE_doc>
     41                                        <a href="[(#URL_ARTICLE)]" rel="bookmark">
     42                                                [<div class="logo_pin_mb" style="width: 236px; height: [(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|hauteur)]px;">
     43                                                        <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)" />
     44                                                </div>]
     45                                                <div class="text_pin_mb">
     46                                                        <h2 class="h2 entry-title">#TITRE</h2>
     47                                                        [<h3 class="#EDIT{soustitre} soustitre entry-content">(#SOUSTITRE)</h3>]
     48                                                </div>
     49                                                <small><abbr class="published"[ title="(#DATE|date_iso)"]>[(#DATE|nom_jour) ][(#DATE|affdate)]</abbr></small>
     50                                        </a>
     51                                </li>
     52                        </BOUCLE_articles_mb>
     53                </ul>
    5454
    55   </div><!-- #articles_mb -->
     55        </div><!-- #articles_mb -->
    5656
    5757</B_articles_mb>
     
    6060<script src="[(#CHEMIN{js/play.jquery.wookmark.js})]" type="text/javascript"></script>
    6161<!-- Fin Wookmark -->
    62 
    63 
  • _squelettes_/moodboard/inclure/articles_rubrique_mb.html

    r74746 r96069  
    77}}
    88<B_articles_rubrique_mb>
    9   <div id="articles_mb">
    10     #ANCRE_PAGINATION
     9        <div id="articles_mb">
     10                #ANCRE_PAGINATION
    1111
    12     [(#REM) Si javascript n'est pas activé sur le navigateur ]
    13     <INCLURE{fond=inclure/noscript_mb} />
     12                [(#REM) Si javascript n'est pas activé sur le navigateur ]
     13                <INCLURE{fond=inclure/noscript_mb} />
    1414
    15     [(#REM) Info Barre  ]
    16     <div class="clearfix infobar_md">
    17       <div class="content_infobar_md">
    18         <div class="tri_mb">
    19           #TRI{date,'Date',ajax}&nbsp;|
    20           #TRI{titre,'Titre',ajax}&nbsp;|
    21           #TRI{popularite,'Vues',ajax}&nbsp;|
    22           #TRI{hasard,'Hazard',ajax}
    23         </div>
    24         [<div class="pagination_mb">(#PAGINATION|{prive})</div>]
    25       </div>
    26     </div>
     15                [(#REM) Info Barre  ]
     16                <div class="clearfix infobar_md">
     17                        <div class="content_infobar_md">
     18                                <div class="tri_mb">
     19                                        #TRI{date,'Date',ajax}&nbsp;|
     20                                        #TRI{titre,'Titre',ajax}&nbsp;|
     21                                        #TRI{popularite,'Vues',ajax}&nbsp;|
     22                                        #TRI{hasard,'Hazard',ajax}
     23                                </div>
     24                                [<div class="pagination_mb">(#PAGINATION|{prive})</div>]
     25                        </div>
     26                </div>
    2727
    28     [(#REM) Affichage des articles façon moodboard ]
    29     <ul id="pins_mb">
    30       [(#REM) Exclure les mots about et offscreen ]
    31       <BOUCLE_articles_rubrique_mb(ARTICLES){!titre_mot == ^(about_mb|offscreen_mb)$}{id_rubrique}{tri date,#GET{defaut_tri}}{pagination 20}>
    32         <li class="hentry pin_mb" style="display: list-item;">
     28                [(#REM) Affichage des articles façon moodboard ]
     29                <ul id="pins_mb">
     30                        [(#REM) Exclure les mots about et offscreen ]
     31                        <BOUCLE_articles_rubrique_mb(ARTICLES){!titre_mot == ^(about_mb|offscreen_mb)$}{id_rubrique}{tri date,#GET{defaut_tri}}{pagination 20}>
     32                                <li class="hentry pin_mb" style="display: list-item;">
    3333
    34           [(#REM) Si pas de logo d'article récupérer la première image ]
    35           #SET{logo_document,''}
    36           <BOUCLE_doc(DOCUMENTS) {id_article}{extension IN png,jpg,gif} {par num titre, titre}{0,1}>
    37             #SET{logo_document,#FICHIER}
    38           </BOUCLE_doc>
    39           <a href="[(#URL_ARTICLE)]" rel="bookmark">
    40             [<div class="logo_pin_mb" style="width: 236px; height: [(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|hauteur)]px;">
    41               <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)" />
    42             </div>]
    43             <div class="text_pin_mb">
    44               <h2 class="h2 entry-title">#TITRE</h2>
    45               [<h3 class="#EDIT{soustitre} soustitre entry-content">(#SOUSTITRE)</h3>]
    46             </div>
    47             <small><abbr class="published"[ title="(#DATE|date_iso)"]>[(#DATE|nom_jour) ][(#DATE|affdate)]</abbr></small>
    48           </a>
    49         </li>
    50       </BOUCLE_articles_rubrique_mb>
    51     </ul>
    52   </div><!-- #articles_mb -->
     34                                        [(#REM) Si pas de logo d'article récupérer la première image ]
     35                                        #SET{logo_document,''}
     36                                        <BOUCLE_doc(DOCUMENTS) {id_article}{extension IN png,jpg,gif} {par num titre, titre}{0,1}>
     37                                                #SET{logo_document,#FICHIER}
     38                                        </BOUCLE_doc>
     39                                        <a href="[(#URL_ARTICLE)]" rel="bookmark">
     40                                                [<div class="logo_pin_mb" style="width: 236px; height: [(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|hauteur)]px;">
     41                                                        <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)" />
     42                                                </div>]
     43                                                <div class="text_pin_mb">
     44                                                        <h2 class="h2 entry-title">#TITRE</h2>
     45                                                        [<h3 class="#EDIT{soustitre} soustitre entry-content">(#SOUSTITRE)</h3>]
     46                                                </div>
     47                                                <small><abbr class="published"[ title="(#DATE|date_iso)"]>[(#DATE|nom_jour) ][(#DATE|affdate)]</abbr></small>
     48                                        </a>
     49                                </li>
     50                        </BOUCLE_articles_rubrique_mb>
     51                </ul>
     52        </div><!-- #articles_mb -->
    5353</B_articles_rubrique_mb>
    5454
     
    5656<script src="[(#CHEMIN{js/play.jquery.wookmark.js})]" type="text/javascript"></script>
    5757<!-- Fin Wookmark -->
    58 
    59 
  • _squelettes_/moodboard/inclure/feed_mb.html

    r74746 r96069  
    11<div class="feed_mb">
    2     <img class="logo_feed_mb" alt="<:icone_suivi_activite:>" width="16" height="16" src="#CHEMIN{prive/themes/spip/images/rss-16.png}"  />
     2        <img class="logo_feed_mb" alt="<:icone_suivi_activite:>" width="16" height="16" src="#CHEMIN{prive/themes/spip/images/rss-16.png}"  />
    33
    4     [(#REM) Si page d'accueil = lien vers le flux RSS de tout le site ][(#ENV{home,'non'}|=={oui}|?{
    5     <a rel="alternate" target="_blank" href="[(#URL_PAGE{backend})]">
    6       <:moodboard:follow_all:>
    7     </a>,
     4        [(#REM) Si page d'accueil = lien vers le flux RSS de tout le site ][(#ENV{home,'non'}|=={oui}|?{
     5        <a rel="alternate" target="_blank" href="[(#URL_PAGE{backend})]">
     6                <:moodboard:follow_all:>
     7        </a>,
    88
    9     [(#REM) Si rubrique = lien vers le flux RSS de la rubrique ]
    10     <a rel="alternate" target="_blank" href="[(#URL_PAGE{backend}|parametre_url{id_rubrique,#ID_RUBRIQUE})]">
    11       <:moodboard:follow:>
    12     </a>})]
     9        [(#REM) Si rubrique = lien vers le flux RSS de la rubrique ]
     10        <a rel="alternate" target="_blank" href="[(#URL_PAGE{backend}|parametre_url{id_rubrique,#ID_RUBRIQUE})]">
     11                <:moodboard:follow:>
     12        </a>})]
    1313
    1414</div>
  • _squelettes_/moodboard/inclure/footer.html

    r74746 r96069  
    11<div class="footer clearfix">
    2     <p class="colophon">
    3         <:moodboard:licence:><BOUCLE_annee(ARTICLES){par date}{0,1}>[(#DATE|annee)]</BOUCLE_annee>-</B_annee>[(#DATE|annee) ]#NOM_SITE_SPIP
    4         <br />
    5         [(#SESSION{id_auteur}|non)<a href="[(#URL_PAGE{login}|parametre_url{url,#SELF})]" rel="nofollow" class='login_modal'><:lien_connecter:></a>][
    6         (#AUTORISER{ecrire})<a href="#EVAL{_DIR_RESTREINT_ABS}"><:espace_prive:></a>][
    7         (#SESSION{id_auteur}|oui) | <a href="#URL_LOGOUT" rel="nofollow"><:icone_deconnecter:></a>]
    8     </p>
    9     <p class="generator">
    10       <small >
    11         <: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>
    12       </small>
    13     </p>
     2        <p class="colophon">
     3                <:moodboard:licence:><BOUCLE_annee(ARTICLES){par date}{0,1}>[(#DATE|annee)]</BOUCLE_annee>-</B_annee>[(#DATE|annee) ]#NOM_SITE_SPIP
     4                <br />
     5                [(#SESSION{id_auteur}|non)<a href="[(#URL_PAGE{login}|parametre_url{url,#SELF})]" rel="nofollow" class='login_modal'><:lien_connecter:></a>][
     6                (#AUTORISER{ecrire})<a href="#EVAL{_DIR_RESTREINT_ABS}"><:espace_prive:></a>][
     7                (#SESSION{id_auteur}|oui) | <a href="#URL_LOGOUT" rel="nofollow"><:icone_deconnecter:></a>]
     8        </p>
     9        <p class="generator">
     10                <small >
     11                        <: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>
     12                </small>
     13        </p>
    1414</div>
    1515[(#REM) Bouton retour en haut pour les petits ecrans ]
    1616<div class="topreturn_mb">
    17   <a class="button_topreturn_mb" href="#top">
    18     <img src="#CHEMIN{css/img/topreturn-16.png}" />
    19   </a>
     17        <a class="button_topreturn_mb" href="#top">
     18                <img src="#CHEMIN{css/img/topreturn-16.png}" />
     19        </a>
    2020</div>
  • _squelettes_/moodboard/inclure/nav.html

    r74746 r96069  
    11<div class="nav clearfix" id="nav">
    2   <ul>
    3     <li><a rel="contents" href="#URL_PAGE{articles}"><:moodboard:pins:></a></li>
    4     <B_rubriques>
    5       <BOUCLE_rubriques(RUBRIQUES) {racine} {par num titre, titre}> </BOUCLE_rubriques>
    6       <li class="[ (#TOTAL_BOUCLE|=={1}|oui)none]"><a rel="contents" href="#URL_PAGE{rubriques}"><:moodboard:boards:></a></li>
    7     </B_rubriques>
    8     <li><a rel="contents" href="#URL_PAGE{archives}"><:moodboard:archives:></a></li>
    9     <B_about>
    10     <BOUCLE_about(MOTS){titre_mot="about_mb"}>
    11       <li><a rel="contents" href="#URL_PAGE{apropos}"><:moodboard:about:></a></li>
    12     </BOUCLE_about>
    13     </B_about>
    14     <li><a rel="nofollow" href="#URL_PAGE{contact}"><:moodboard:contact:></a></li>
    15   </ul>
     2        <ul>
     3                <li><a rel="contents" href="#URL_PAGE{articles}"><:moodboard:pins:></a></li>
     4                <B_rubriques>
     5                        <BOUCLE_rubriques(RUBRIQUES) {racine} {par num titre, titre}> </BOUCLE_rubriques>
     6                        <li class="[ (#TOTAL_BOUCLE|=={1}|oui)none]"><a rel="contents" href="#URL_PAGE{rubriques}"><:moodboard:boards:></a></li>
     7                </B_rubriques>
     8                <li><a rel="contents" href="#URL_PAGE{archives}"><:moodboard:archives:></a></li>
     9                <B_about>
     10                        <BOUCLE_about(MOTS){titre_mot="about_mb"}>
     11                                <li><a rel="contents" href="#URL_PAGE{apropos}"><:moodboard:about:></a></li>
     12                        </BOUCLE_about>
     13                </B_about>
     14                <li><a rel="nofollow" href="#URL_PAGE{contact}"><:moodboard:contact:></a></li>
     15        </ul>
    1616</div>
  • _squelettes_/moodboard/inclure/noscript_mb.html

    r74746 r96069  
    11<noscript>
    2   <div class="noscript_mb">
    3       <:moodboard:noscript_text:><a href="http://core.spip.org/">core.spip.org</a>
    4       <style>#pins_mb{display:none;}.infobar_md{display:none;}.pagination_mb{display:none;}</style>
    5   </div>
     2        <div class="noscript_mb">
     3                <:moodboard:noscript_text:><a href="http://core.spip.org/">core.spip.org</a>
     4                <style>#pins_mb{display:none;}.infobar_md{display:none;}.pagination_mb{display:none;}</style>
     5        </div>
    66</noscript>
  • _squelettes_/moodboard/inclure/recents_mb.html

    r74746 r96069  
    11<B_recents_mb>
    22
    3   <div id="recents_mb">
     3        <div id="recents_mb">
    44
    5     <strong class="h1"><:moodboard:recents_pins:></strong>
     5                <strong class="h1"><:moodboard:recents_pins:></strong>
    66
    7     [(#REM) Si javascript n'est pas activé sur le navigateur ]
    8     <INCLURE{fond=inclure/noscript_mb} />
     7                [(#REM) Si javascript n'est pas activé sur le navigateur ]
     8                <INCLURE{fond=inclure/noscript_mb} />
    99
    10     #ANCRE_PAGINATION
    11     [(#REM) Affichage des articles façon moodboard ]
    12     <ul id="pins_mb">
    13       [(#REM) Exclure les mots about et offscreen ]
    14       <BOUCLE_recents_mb(ARTICLES){!titre_mot == ^(about_mb|offscreen_mb)$}{!par date}{pagination}>
    15         <li class="hentry pin_mb" style="display: list-item;">
     10                #ANCRE_PAGINATION
     11                [(#REM) Affichage des articles façon moodboard ]
     12                <ul id="pins_mb">
     13                        [(#REM) Exclure les mots about et offscreen ]
     14                        <BOUCLE_recents_mb(ARTICLES){!titre_mot == ^(about_mb|offscreen_mb)$}{!par date}{pagination}>
     15                                <li class="hentry pin_mb" style="display: list-item;">
    1616
    17           [(#REM) Si pas de logo d'article récupérer la première image ]
    18           #SET{logo_document,''}
    19           <BOUCLE_doc(DOCUMENTS) {id_article}{extension IN png,jpg,gif}{0,1}>
    20             #SET{logo_document,#FICHIER}
    21           </BOUCLE_doc>
    22           <a href="[(#URL_ARTICLE)]" rel="bookmark">
    23             [<div class="logo_pin_mb" style="width: 236px; height: [(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|hauteur)]px;">
    24               <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)" />
    25             </div>]
    26             <div class="text_pin_mb">
    27               <h2 class="h2 entry-title">#TITRE</h2>
    28               [<h3 class="#EDIT{soustitre} soustitre entry-content">(#SOUSTITRE)</h3>]
    29             </div>
    30             <small><abbr class="published"[ title="(#DATE|date_iso)"]>[(#DATE|nom_jour) ][(#DATE|affdate)]</abbr></small>
    31           </a>
    32         </li>
    33       </BOUCLE_recents_mb>
    34     </ul>
    35     [<p class="pagination_mb">(#PAGINATION|{precedent_suivant})</p>]
    36   </div><!-- #recents_mb -->
     17                                        [(#REM) Si pas de logo d'article récupérer la première image ]
     18                                        #SET{logo_document,''}
     19                                        <BOUCLE_doc(DOCUMENTS) {id_article}{extension IN png,jpg,gif}{0,1}>
     20                                                #SET{logo_document,#FICHIER}
     21                                        </BOUCLE_doc>
     22                                        <a href="[(#URL_ARTICLE)]" rel="bookmark">
     23                                                [<div class="logo_pin_mb" style="width: 236px; height: [(#LOGO_ARTICLE|sinon{#GET{logo_document}}||image_reduire{236,*}|hauteur)]px;">
     24                                                        <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)" />
     25                                                </div>]
     26                                                <div class="text_pin_mb">
     27                                                        <h2 class="h2 entry-title">#TITRE</h2>
     28                                                        [<h3 class="#EDIT{soustitre} soustitre entry-content">(#SOUSTITRE)</h3>]
     29                                                </div>
     30                                                <small><abbr class="published"[ title="(#DATE|date_iso)"]>[(#DATE|nom_jour) ][(#DATE|affdate)]</abbr></small>
     31                                        </a>
     32                                </li>
     33                        </BOUCLE_recents_mb>
     34                </ul>
     35                [<p class="pagination_mb">(#PAGINATION|{precedent_suivant})</p>]
     36        </div><!-- #recents_mb -->
    3737
    3838</B_recents_mb>
     
    4141<script src="[(#CHEMIN{js/play.jquery.wookmark.js})]" type="text/javascript"></script>
    4242<!-- Fin Wookmark -->
    43 
    44 
  • _squelettes_/moodboard/inclure/rubriques_mb.html

    r74746 r96069  
    77<B_rubriques_mb>
    88
    9   <div id="rubriques_mb">
     9        <div id="rubriques_mb">
    1010
    11     #ANCRE_PAGINATION
    12     <strong class="h1"><:moodboard:all_categories:> (#GRAND_TOTAL)</strong>
     11                #ANCRE_PAGINATION
     12                <strong class="h1"><:moodboard:all_categories:> (#GRAND_TOTAL)</strong>
    1313
    14     [(#REM) Si javascript n'est pas activé sur le navigateur ]
    15     <INCLURE{fond=inclure/noscript_mb} />
     14                [(#REM) Si javascript n'est pas activé sur le navigateur ]
     15                <INCLURE{fond=inclure/noscript_mb} />
    1616
    17     [(#REM) Info Barre  ]
    18     <div class="clearfix infobar_md">
    19         <div class="content_infobar_md">
    20           <div class="tri_mb">
    21             #TRI{date,'Date',ajax}&nbsp;|
    22             #TRI{titre,'Titre',ajax}&nbsp;|
    23             #TRI{hasard,'Hazard',ajax}
    24           </div>
    25           [<div class="pagination_mb">(#PAGINATION|{prive})</div>]
    26         </div>
    27     </div>
     17                [(#REM) Info Barre  ]
     18                <div class="clearfix infobar_md">
     19                        <div class="content_infobar_md">
     20                                <div class="tri_mb">
     21                                        #TRI{date,'Date',ajax}&nbsp;|
     22                                        #TRI{titre,'Titre',ajax}&nbsp;|
     23                                        #TRI{hasard,'Hazard',ajax}
     24                                </div>
     25                                [<div class="pagination_mb">(#PAGINATION|{prive})</div>]
     26                        </div>
     27                </div>
    2828
    29     [(#REM) Affichage des rubriques façon moodboard ]
    30     <ul id="pins_mb" class="boards_mb">
    31       <BOUCLE_rubriques_mb(RUBRIQUES){tri date,#GET{defaut_tri}}{pagination 20}>
    32         <li class="hentry board_mb pin_mb">
    33           <a href="[(#URL_RUBRIQUE)]" rel="bookmark">
    34             <div class="text_board_mb">
    35               <h2 class="h2 entry-title">[(#TITRE|couper{28}|textebrut)]</h2>
    36             </div>
    37             <div class="logo_board_mb">
    38               [(#REM) Exclure les mots about et offscreen ]
    39               <BOUCLE_logo_rubriques_mb(ARTICLES){!titre_mot == ^(about_mb|offscreen_mb)$}{id_rubrique}{!par date} {0,1}>
     29                [(#REM) Affichage des rubriques façon moodboard ]
     30                <ul id="pins_mb" class="boards_mb">
     31                        <BOUCLE_rubriques_mb(RUBRIQUES){tri date,#GET{defaut_tri}}{pagination 20}>
     32                                <li class="hentry board_mb pin_mb">
     33                                        <a href="[(#URL_RUBRIQUE)]" rel="bookmark">
     34                                                <div class="text_board_mb">
     35                                                        <h2 class="h2 entry-title">[(#TITRE|couper{28}|textebrut)]</h2>
     36                                                </div>
     37                                                <div class="logo_board_mb">
     38                                                        [(#REM) Exclure les mots about et offscreen ]
     39                                                        <BOUCLE_logo_rubriques_mb(ARTICLES){!titre_mot == ^(about_mb|offscreen_mb)$}{id_rubrique}{!par date} {0,1}>
    4040
    41                 [(#REM) Si pas de logo d'article récupérer la première image ]
    42                 #SET{logo_document,''}
    43                 <BOUCLE_doc_logo(DOCUMENTS) {id_article}{extension IN png,jpg,gif}{0,1}>
    44                   #SET{logo_document,#FICHIER}
    45                 </BOUCLE_doc_logo>
    46                 <span class="hovermask_mb"></span>
    47                 <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)]" />
    48               </BOUCLE_logo_rubriques_mb>
    49             </div>
    50             <div class="thumbs_board_mb">
    51               <ul>
    52                 [(#REM) Exclure les mots about et offscreen ]
    53                 <BOUCLE_thumbs_rubriques_mb(ARTICLES){!titre_mot == ^(about_mb|offscreen_mb)$}{id_rubrique}{!par date} {1,4}>
    54                   <li>
     41                                                                [(#REM) Si pas de logo d'article récupérer la première image ]
     42                                                                #SET{logo_document,''}
     43                                                                <BOUCLE_doc_logo(DOCUMENTS) {id_article}{extension IN png,jpg,gif}{0,1}>
     44                                                                        #SET{logo_document,#FICHIER}
     45                                                                </BOUCLE_doc_logo>
     46                                                                <span class="hovermask_mb"></span>
     47                                                                <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)]" />
     48                                                        </BOUCLE_logo_rubriques_mb>
     49                                                </div>
     50                                                <div class="thumbs_board_mb">
     51                                                        <ul>
     52                                                                [(#REM) Exclure les mots about et offscreen ]
     53                                                                <BOUCLE_thumbs_rubriques_mb(ARTICLES){!titre_mot == ^(about_mb|offscreen_mb)$}{id_rubrique}{!par date} {1,4}>
     54                                                                        <li>
    5555
    56                     [(#REM) Si pas de logo d'article récupérer la première image ]
    57                     #SET{thumbs_document,''}
    58                     <BOUCLE_doc_thumbs(DOCUMENTS){id_article}{extension IN png,jpg,gif}{0,1}>
    59                       #SET{thumbs_document,#FICHIER}
    60                     </BOUCLE_doc_thumbs>
    61                     <span class="hovermask_mb"></span>
    62                     <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)]" />
    63                   </li>
    64                 </BOUCLE_thumbs_rubriques_mb>
    65               </ul>
    66             </div>
    67           </a>
    68         </li>
    69       </BOUCLE_rubriques_mb>
    70     </ul>
     56                                                                                [(#REM) Si pas de logo d'article récupérer la première image ]
     57                                                                                #SET{thumbs_document,''}
     58                                                                                <BOUCLE_doc_thumbs(DOCUMENTS){id_article}{extension IN png,jpg,gif}{0,1}>
     59                                                                                        #SET{thumbs_document,#FICHIER}
     60                                                                                </BOUCLE_doc_thumbs>
     61                                                                                        <span class="hovermask_mb"></span>
     62                                                                                        <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)]" />
     63                                                                        </li>
     64                                                                </BOUCLE_thumbs_rubriques_mb>
     65                                                        </ul>
     66                                                </div>
     67                                        </a>
     68                                </li>
     69                        </BOUCLE_rubriques_mb>
     70                </ul>
    7171
    72   </div><!-- #rubriques_mb -->
     72        </div><!-- #rubriques_mb -->
    7373
    7474</B_rubriques_mb>
     
    7777<script src="[(#CHEMIN{js/play.jquery.wookmark.js})]" type="text/javascript"></script>
    7878<!-- Fin Wookmark -->
    79 
    80 
  • _squelettes_/moodboard/js/jquery.wookmark.js

    r74746 r96069  
    1111*/
    1212(function (factory) {
    13   if (typeof define === 'function' && define.amd)
    14     define(['jquery'], factory);
    15   else
    16     factory(jQuery);
     13        if (typeof define === 'function' && define.amd)
     14                define(['jquery'], factory);
     15        else
     16        factory(jQuery);
    1717}(function ($) {
    1818
    19   var Wookmark, defaultOptions, __bind;
    20 
    21   __bind = function(fn, me) {
    22     return function() {
    23       return fn.apply(me, arguments);
    24     };
    25   };
    26 
    27   // Wookmark default options
    28   defaultOptions = {
    29     align: 'center',
    30     container: $('body'),
    31     offset: 2,
    32     autoResize: false,
    33     itemWidth: 0,
    34     flexibleWidth: 0,
    35     resizeDelay: 50,
    36     onLayoutChanged: undefined,
    37     fillEmptySpace: false
    38   };
    39 
    40   Wookmark = (function(options) {
    41 
    42     function Wookmark(handler, options) {
    43       // Instance variables.
    44       this.handler = handler;
    45       this.columns = this.containerWidth = this.resizeTimer = null;
    46       this.activeItemCount = 0;
    47       this.direction = 'left';
    48       this.itemHeightsDirty = true;
    49       this.placeholders = [];
    50 
    51       $.extend(true, this, defaultOptions, options);
    52 
    53       // Bind instance methods
    54       this.update = __bind(this.update, this);
    55       this.onResize = __bind(this.onResize, this);
    56       this.onRefresh = __bind(this.onRefresh, this);
    57       this.getItemWidth = __bind(this.getItemWidth, this);
    58       this.layout = __bind(this.layout, this);
    59       this.layoutFull = __bind(this.layoutFull, this);
    60       this.layoutColumns = __bind(this.layoutColumns, this);
    61       this.filter = __bind(this.filter, this);
    62       this.clear = __bind(this.clear, this);
    63       this.getActiveItems = __bind(this.getActiveItems, this);
    64       this.refreshPlaceholders = __bind(this.refreshPlaceholders, this);
    65 
    66       // Collect filter data
    67       var i = j = 0, filterClasses = {}, itemFilterClasses;
    68 
    69       for (; i < handler.length; i++) {
    70         $item = handler.eq(i);
    71 
    72         // Read filter classes
    73         itemFilterClasses = $item.data('filterClass');
    74 
    75         // Globally store each filter class as object and the fitting items in the array
    76         if (typeof itemFilterClasses == 'object' && itemFilterClasses.length > 0) {
    77           for (j = 0; j < itemFilterClasses.length; j++) {
    78             filterClass = $.trim(itemFilterClasses[j]).toLowerCase();
    79 
    80             if (!(filterClass in filterClasses)) {
    81               filterClasses[filterClass] = [];
    82             }
    83             filterClasses[filterClass].push($item[0]);
    84           }
    85         }
    86       };
    87       this.filterClasses = filterClasses;
    88 
    89       // Listen to resize event if requested.
    90       if (this.autoResize) {
    91         $(window).bind('resize.wookmark', this.onResize);
    92       };
    93       this.container.bind('refreshWookmark', this.onRefresh);
    94     };
    95 
    96     // Method for updating the plugins options
    97     Wookmark.prototype.update = function(options) {
    98       this.itemHeightsDirty = true;
    99       $.extend(true, this, options);
    100     };
    101 
    102     // This timer ensures that layout is not continuously called as window is being dragged.
    103     Wookmark.prototype.onResize = function() {
    104       clearTimeout(this.resizeTimer);
    105       this.itemHeightsDirty = this.flexibleWidth != 0;
    106       this.resizeTimer = setTimeout(this.layout, this.resizeDelay);
    107     };
    108 
    109     // Marks the items heights as dirty and does a relayout
    110     Wookmark.prototype.onRefresh = function() {
    111       this.itemHeightsDirty = true;
    112       this.layout();
    113     };
    114 
    115     /**
     19        var Wookmark, defaultOptions, __bind;
     20
     21        __bind = function(fn, me) {
     22                return function() {
     23                        return fn.apply(me, arguments);
     24                };
     25        };
     26
     27        // Wookmark default options
     28        defaultOptions = {
     29                align: 'center',
     30                container: $('body'),
     31                offset: 2,
     32                autoResize: false,
     33                itemWidth: 0,
     34                flexibleWidth: 0,
     35                resizeDelay: 50,
     36                onLayoutChanged: undefined,
     37                fillEmptySpace: false
     38        };
     39
     40        Wookmark = (function(options) {
     41
     42                function Wookmark(handler, options) {
     43                        // Instance variables.
     44                        this.handler = handler;
     45                        this.columns = this.containerWidth = this.resizeTimer = null;
     46                        this.activeItemCount = 0;
     47                        this.direction = 'left';
     48                        this.itemHeightsDirty = true;
     49                        this.placeholders = [];
     50
     51                        $.extend(true, this, defaultOptions, options);
     52
     53                        // Bind instance methods
     54                        this.update = __bind(this.update, this);
     55                        this.onResize = __bind(this.onResize, this);
     56                        this.onRefresh = __bind(this.onRefresh, this);
     57                        this.getItemWidth = __bind(this.getItemWidth, this);
     58                        this.layout = __bind(this.layout, this);
     59                        this.layoutFull = __bind(this.layoutFull, this);
     60                        this.layoutColumns = __bind(this.layoutColumns, this);
     61                        this.filter = __bind(this.filter, this);
     62                        this.clear = __bind(this.clear, this);
     63                        this.getActiveItems = __bind(this.getActiveItems, this);
     64                        this.refreshPlaceholders = __bind(this.refreshPlaceholders, this);
     65
     66                        // Collect filter data
     67                        var i = j = 0, filterClasses = {}, itemFilterClasses;
     68
     69                        for (; i < handler.length; i++) {
     70                                $item = handler.eq(i);
     71
     72                                // Read filter classes
     73                                itemFilterClasses = $item.data('filterClass');
     74
     75                                // Globally store each filter class as object and the fitting items in the array
     76                                if (typeof itemFilterClasses == 'object' && itemFilterClasses.length > 0) {
     77                                        for (j = 0; j < itemFilterClasses.length; j++) {
     78                                                filterClass = $.trim(itemFilterClasses[j]).toLowerCase();
     79
     80                                                if (!(filterClass in filterClasses)) {
     81                                                        filterClasses[filterClass] = [];
     82                                                }
     83                                                filterClasses[filterClass].push($item[0]);
     84                                        }
     85                                }
     86                        };
     87                        this.filterClasses = filterClasses;
     88
     89                        // Listen to resize event if requested.
     90                        if (this.autoResize) {
     91                                $(window).bind('resize.wookmark', this.onResize);
     92                        };
     93                        this.container.bind('refreshWookmark', this.onRefresh);
     94                };
     95
     96                // Method for updating the plugins options
     97                Wookmark.prototype.update = function(options) {
     98                        this.itemHeightsDirty = true;
     99                        $.extend(true, this, options);
     100                };
     101
     102                // This timer ensures that layout is not continuously called as window is being dragged.
     103                Wookmark.prototype.onResize = function() {
     104                        clearTimeout(this.resizeTimer);
     105                        this.itemHeightsDirty = this.flexibleWidth != 0;
     106                        this.resizeTimer = setTimeout(this.layout, this.resizeDelay);
     107                };
     108
     109                // Marks the items heights as dirty and does a relayout
     110                Wookmark.prototype.onRefresh = function() {
     111                        this.itemHeightsDirty = true;
     112                        this.layout();
     113                };
     114
     115/**
    116116* Filters the active items with the given string filters.
    117117* @param filters array of string
    118118* @param mode 'or' or 'and'
    119119*/
    120     Wookmark.prototype.filter = function(filters, mode) {
    121       var activeFilters = [], activeFiltersLength, activeItems = $(),
    122           i, j, k, filter;
    123 
    124       filters = filters || [];
    125       mode = mode || 'or';
    126 
    127       if (filters.length) {
    128         // Collect active filters
    129         for (i = 0; i < filters.length; i++) {
    130           filter = $.trim(filters[i].toLowerCase());
    131           if (filter in this.filterClasses) {
    132             activeFilters.push(this.filterClasses[filter]);
    133           }
    134         }
    135 
    136         // Get items for active filters with the selected mode
    137         activeFiltersLength = activeFilters.length
    138         if (mode == 'or' || activeFiltersLength == 1) {
    139           // Set all items in all active filters active
    140           for (i = 0; i < activeFiltersLength; i++) {
    141             activeItems = activeItems.add(activeFilters[i]);
    142           }
    143         } else if (mode == 'and') {
    144           var shortestFilter = activeFilters[0],
    145               itemValid = true, foundInFilter,
    146               currentItem, currentFilter;
    147 
    148           // Find shortest filter class
    149           for (i = 1; i < activeFiltersLength; i++) {
    150             if (activeFilters[i].length < shortestFilter.length) {
    151               shortestFilter = activeFilters[i];
    152             }
    153           }
    154 
    155           // Iterate over shortest filter and find elements in other filter classes
    156           for (i = 0; i < shortestFilter.length; i++) {
    157             currentItem = shortestFilter[i];
    158             itemValid = true;
    159 
    160             for (j = 0; j < activeFilters.length && itemValid; j++) {
    161               currentFilter = activeFilters[j];
    162               if (shortestFilter == currentFilter) continue;
    163 
    164               // Search for current item in each active filter class
    165               for (k = 0, foundInFilter = false; k < currentFilter.length && !foundInFilter; k++) {
    166                 foundInFilter = currentFilter[k] == currentItem;
    167               }
    168               itemValid &= foundInFilter;
    169             }
    170             itemValid && activeItems.push(shortestFilter[i]);
    171           }
    172         }
    173         // Hide inactive items
    174         this.handler.not(activeItems).addClass('inactive');
    175       } else {
    176         // Show all items if no filter is selected
    177         activeItems = this.handler;
    178       }
    179 
    180       // Show active items
    181       activeItems.removeClass('inactive');
    182 
    183       // Unset columns and refresh grid for a full layout
    184       this.columns = null;
    185       this.layout();
    186     };
    187 
    188     /**
     120                Wookmark.prototype.filter = function(filters, mode) {
     121                        var activeFilters = [], activeFiltersLength, activeItems = $(),
     122                        i, j, k, filter;
     123
     124                        filters = filters || [];
     125                        mode = mode || 'or';
     126
     127                        if (filters.length) {
     128                                // Collect active filters
     129                                for (i = 0; i < filters.length; i++) {
     130                                        filter = $.trim(filters[i].toLowerCase());
     131                                        if (filter in this.filterClasses) {
     132                                                activeFilters.push(this.filterClasses[filter]);
     133                                                }
     134                                }
     135
     136                                // Get items for active filters with the selected mode
     137                                activeFiltersLength = activeFilters.length
     138                                if (mode == 'or' || activeFiltersLength == 1) {
     139                                        // Set all items in all active filters active
     140                                        for (i = 0; i < activeFiltersLength; i++) {
     141                                                activeItems = activeItems.add(activeFilters[i]);
     142                                        }
     143                                } else if (mode == 'and') {
     144                                        var shortestFilter = activeFilters[0],
     145                                        itemValid = true, foundInFilter,
     146                                        currentItem, currentFilter;
     147
     148                                        // Find shortest filter class
     149                                        for (i = 1; i < activeFiltersLength; i++) {
     150                                                if (activeFilters[i].length < shortestFilter.length) {
     151                                                        shortestFilter = activeFilters[i];
     152                                                }
     153                                        }
     154
     155                                        // Iterate over shortest filter and find elements in other filter classes
     156                                        for (i = 0; i < shortestFilter.length; i++) {
     157                                                currentItem = shortestFilter[i];
     158                                                itemValid = true;
     159
     160                                                for (j = 0; j < activeFilters.length && itemValid; j++) {
     161                                                        currentFilter = activeFilters[j];
     162                                                        if (shortestFilter == currentFilter) continue;
     163
     164                                                        // Search for current item in each active filter class
     165                                                        for (k = 0, foundInFilter = false; k < currentFilter.length && !foundInFilter; k++) {
     166                                                                foundInFilter = currentFilter[k] == currentItem;
     167                                                        }
     168                                                        itemValid &= foundInFilter;
     169                                                }
     170                                                itemValid && activeItems.push(shortestFilter[i]);
     171                                        }
     172                                }
     173                                // Hide inactive items
     174                                this.handler.not(activeItems).addClass('inactive');
     175                        } else {
     176                                // Show all items if no filter is selected
     177                                activeItems = this.handler;
     178                        }
     179                       
     180                        // Show active items
     181                        activeItems.removeClass('inactive');
     182
     183                        // Unset columns and refresh grid for a full layout
     184                        this.columns = null;
     185                        this.layout();
     186                };
     187
     188/**
    189189* Creates or updates existing placeholders to create columns of even height
    190190*/
    191     Wookmark.prototype.refreshPlaceholders = function(columnWidth, sideOffset) {
    192       var i = this.placeholders.length,
    193           $placeholder, $lastColumnItem,
    194           columnsLength = this.columns.length, column,
    195           placeholderBorderWidth,
    196           height, width, top,
    197           containerHeight = this.container.outerHeight();
    198 
    199       for (; i < columnsLength; i++) {
    200         $placeholder = $('<div class="wookmark-placeholder"/>').appendTo(this.container);
    201         this.placeholders.push($placeholder);
    202       }
    203 
    204       innerOffset = this.offset + parseInt(this.placeholders[0].css('borderWidth')) * 2;
    205 
    206       for (i = 0; i < this.placeholders.length; i++) {
    207         $placeholder = this.placeholders[i];
    208         column = this.columns[i];
    209 
    210         if (i >= columnsLength || !column[column.length - 1]) {
    211           $placeholder.css('display', 'none');
    212         } else {
    213           $lastColumnItem = column[column.length - 1];
    214           if (!$lastColumnItem) continue;
    215           top = $lastColumnItem.data('wookmark-top') + $lastColumnItem.data('wookmark-height') + this.offset;
    216           height = containerHeight - top - innerOffset;
    217 
    218           $placeholder.css({
    219             position: 'absolute',
    220             display: height > 0 ? 'block' : 'none',
    221             left: i * columnWidth + sideOffset,
    222             top: top,
    223             width: columnWidth - innerOffset,
    224             height: height
    225           });
    226         }
    227       }
    228     };
    229 
    230     // Method the get active items which are not disabled and visible
    231     Wookmark.prototype.getActiveItems = function() {
    232       return this.handler.not('.inactive');
    233     };
    234 
    235     // Method to get the standard item width
    236     Wookmark.prototype.getItemWidth = function() {
    237       var itemWidth = this.itemWidth,
    238           containerWidth = this.container.width(),
    239           firstElement = this.handler.eq(0),
    240           flexibleWidth = this.flexibleWidth;
    241 
    242       if (this.itemWidth === undefined || this.itemWidth === 0 && !this.flexibleWidth) {
    243         itemWidth = firstElement.outerWidth();
    244       }
    245       else if (typeof this.itemWidth == 'string' && this.itemWidth.indexOf('%') >= 0) {
    246         itemWidth = parseFloat(this.itemWidth) / 100 * containerWidth;
    247       }
    248 
    249       // Calculate flexible item width if option is set
    250       if (flexibleWidth) {
    251         if (typeof flexibleWidth == 'string' && flexibleWidth.indexOf('%') >= 0) {
    252           flexibleWidth = parseFloat(flexibleWidth) / 100 * containerWidth
    253             - firstElement.outerWidth() + firstElement.innerWidth();
    254         }
    255 
    256         var columns = ~~(1 + containerWidth / (flexibleWidth + this.offset)),
    257             columnWidth = (containerWidth - (columns - 1) * this.offset) / columns;
    258 
    259         itemWidth = Math.max(itemWidth, ~~(columnWidth));
    260 
    261         // Stretch items to fill calculated width
    262         this.handler.css('width', itemWidth);
    263       }
    264 
    265       return itemWidth;
    266     };
    267 
    268     // Main layout method.
    269     Wookmark.prototype.layout = function() {
    270       // Do nothing if container isn't visible
    271       if (!this.container.is(":visible")) return;
    272 
    273       // Calculate basic layout parameters.
    274       var columnWidth = this.getItemWidth() + this.offset,
    275           containerWidth = this.container.width(),
    276           columns = ~~((containerWidth + this.offset) / columnWidth),
    277           offset = maxHeight = i = 0,
    278           activeItems = this.getActiveItems(),
    279           activeItemsLength = activeItems.length,
    280           $item;
    281 
    282       // Cache item height
    283       if (this.itemHeightsDirty) {
    284         for (; i < activeItemsLength; i++) {
    285           $item = activeItems.eq(i);
    286           $item.data('wookmark-height', $item.outerHeight());
    287         }
    288         this.itemHeightsDirty = false;
    289       }
    290 
    291       // Use less columns if there are to few items
    292       columns = Math.max(1, Math.min(columns, activeItemsLength));
    293 
    294       // Calculate the offset based on the alignment of columns to the parent container
    295       if (this.align == 'left' || this.align == 'right') {
    296         offset = ~~((columns / columnWidth + this.offset) >> 1);
    297       } else {
    298         offset = ~~(.5 + (containerWidth - (columns * columnWidth - this.offset)) >> 1);
    299       }
    300 
    301       // Get direction for positioning
    302       this.direction = this.align == 'right' ? 'right' : 'left';
    303 
    304       // If container and column count hasn't changed, we can only update the columns.
    305       if (this.columns != null && this.columns.length == columns && this.activeItemCount == activeItemsLength) {
    306         maxHeight = this.layoutColumns(columnWidth, offset);
    307       } else {
    308         maxHeight = this.layoutFull(columnWidth, columns, offset);
    309       }
    310       this.activeItemCount = activeItemsLength;
    311 
    312       // Set container height to height of the grid.
    313       this.container.css('height', maxHeight);
    314 
    315       // Update placeholders
    316       if (this.fillEmptySpace) {
    317         this.refreshPlaceholders(columnWidth, offset);
    318       }
    319 
    320       if (this.onLayoutChanged !== undefined && typeof this.onLayoutChanged === 'function') {
    321         this.onLayoutChanged();
    322       }
    323     };
    324 
    325     /**
     191                Wookmark.prototype.refreshPlaceholders = function(columnWidth, sideOffset) {
     192                        var i = this.placeholders.length,
     193                        $placeholder, $lastColumnItem,
     194                        columnsLength = this.columns.length, column,
     195                        placeholderBorderWidth,
     196                        height, width, top,
     197                        containerHeight = this.container.outerHeight();
     198
     199                        for (; i < columnsLength; i++) {
     200                                $placeholder = $('<div class="wookmark-placeholder"/>').appendTo(this.container);
     201                                this.placeholders.push($placeholder);
     202                        }
     203
     204                        innerOffset = this.offset + parseInt(this.placeholders[0].css('borderWidth')) * 2;
     205
     206                        for (i = 0; i < this.placeholders.length; i++) {
     207                                $placeholder = this.placeholders[i];
     208                                column = this.columns[i];
     209
     210                                if (i >= columnsLength || !column[column.length - 1]) {
     211                                        $placeholder.css('display', 'none');
     212                                } else {
     213                                        $lastColumnItem = column[column.length - 1];
     214                                        if (!$lastColumnItem) continue;
     215                                        top = $lastColumnItem.data('wookmark-top') + $lastColumnItem.data('wookmark-height') + this.offset;
     216                                        height = containerHeight - top - innerOffset;
     217
     218                                        $placeholder.css({
     219                                                position: 'absolute',
     220                                                display: height > 0 ? 'block' : 'none',
     221                                                left: i * columnWidth + sideOffset,
     222                                                top: top,
     223                                                width: columnWidth - innerOffset,
     224                                                height: height
     225                                        });
     226                                }
     227                        }
     228                };
     229
     230                // Method the get active items which are not disabled and visible
     231                Wookmark.prototype.getActiveItems = function() {
     232                        return this.handler.not('.inactive');
     233                };
     234
     235                // Method to get the standard item width
     236                Wookmark.prototype.getItemWidth = function() {
     237                        var itemWidth = this.itemWidth,
     238                        containerWidth = this.container.width(),
     239                        firstElement = this.handler.eq(0),
     240                        flexibleWidth = this.flexibleWidth;
     241
     242                        if (this.itemWidth === undefined || this.itemWidth === 0 && !this.flexibleWidth) {
     243                                itemWidth = firstElement.outerWidth();
     244                        }
     245                        else if (typeof this.itemWidth == 'string' && this.itemWidth.indexOf('%') >= 0) {
     246                                itemWidth = parseFloat(this.itemWidth) / 100 * containerWidth;
     247                        }
     248
     249                        // Calculate flexible item width if option is set
     250                        if (flexibleWidth) {
     251                                if (typeof flexibleWidth == 'string' && flexibleWidth.indexOf('%') >= 0) {
     252                                        flexibleWidth = parseFloat(flexibleWidth) / 100 * containerWidth
     253                                        - firstElement.outerWidth() + firstElement.innerWidth();
     254                                }
     255
     256                                var columns = ~~(1 + containerWidth / (flexibleWidth + this.offset)),
     257                                columnWidth = (containerWidth - (columns - 1) * this.offset) / columns;
     258
     259                                itemWidth = Math.max(itemWidth, ~~(columnWidth));
     260
     261                                // Stretch items to fill calculated width
     262                                this.handler.css('width', itemWidth);
     263                        }
     264
     265                        return itemWidth;
     266                };
     267
     268                // Main layout method.
     269                Wookmark.prototype.layout = function() {
     270                        // Do nothing if container isn't visible
     271                        if (!this.container.is(":visible")) return;
     272
     273                        // Calculate basic layout parameters.
     274                        var columnWidth = this.getItemWidth() + this.offset,
     275                        containerWidth = this.container.width(),
     276                        columns = ~~((containerWidth + this.offset) / columnWidth),
     277                        offset = maxHeight = i = 0,
     278                        activeItems = this.getActiveItems(),
     279                        activeItemsLength = activeItems.length,
     280                        $item;
     281
     282                        // Cache item height
     283                        if (this.itemHeightsDirty) {
     284                                for (; i < activeItemsLength; i++) {
     285                                        $item = activeItems.eq(i);
     286                                        $item.data('wookmark-height', $item.outerHeight());
     287                                }
     288                                this.itemHeightsDirty = false;
     289                        }
     290
     291                        // Use less columns if there are to few items
     292                        columns = Math.max(1, Math.min(columns, activeItemsLength));
     293
     294                        // Calculate the offset based on the alignment of columns to the parent container
     295                        if (this.align == 'left' || this.align == 'right') {
     296                                offset = ~~((columns / columnWidth + this.offset) >> 1);
     297                        } else {
     298                                offset = ~~(.5 + (containerWidth - (columns * columnWidth - this.offset)) >> 1);
     299                        }
     300
     301                        // Get direction for positioning
     302                        this.direction = this.align == 'right' ? 'right' : 'left';
     303
     304                        // If container and column count hasn't changed, we can only update the columns.
     305                        if (this.columns != null && this.columns.length == columns && this.activeItemCount == activeItemsLength) {
     306                        maxHeight = this.layoutColumns(columnWidth, offset);
     307                        } else {
     308                                maxHeight = this.layoutFull(columnWidth, columns, offset);
     309                        }
     310                        this.activeItemCount = activeItemsLength;
     311
     312                        // Set container height to height of the grid.
     313                        this.container.css('height', maxHeight);
     314
     315                        // Update placeholders
     316                        if (this.fillEmptySpace) {
     317                                this.refreshPlaceholders(columnWidth, offset);
     318                        }
     319
     320                        if (this.onLayoutChanged !== undefined && typeof this.onLayoutChanged === 'function') {
     321                                this.onLayoutChanged();
     322                        }
     323                };
     324
     325/**
    326326* Perform a full layout update.
    327327*/
    328     Wookmark.prototype.layoutFull = function(columnWidth, columns, offset) {
    329       var item, top, left, i = 0, k = 0 , j = 0,
    330           activeItems = this.getActiveItems(),
    331           length = activeItems.length,
    332           shortest = null, shortestIndex = null,
    333           itemCSS = {position: 'absolute'},
    334           sideOffset, heights = [],
    335           leftAligned = this.align == 'left' ? true : false;
    336 
    337       this.columns = [];
    338 
    339       // Prepare arrays to store height of columns and items.
    340       while (heights.length < columns) {
    341         heights.push(0);
    342         this.columns.push([]);
    343       }
    344 
    345       // Loop over items.
    346       for (; i < length; i++ ) {
    347         $item = activeItems.eq(i);
    348 
    349         // Find the shortest column.
    350         shortest = heights[0];
    351         shortestIndex = 0;
    352         for (k = 0; k < columns; k++) {
    353           if (heights[k] < shortest) {
    354             shortest = heights[k];
    355             shortestIndex = k;
    356           }
    357         }
    358 
    359         // stick to left side if alignment is left and this is the first column
    360         if (shortestIndex == 0 && leftAligned) {
    361           sideOffset = 0;
    362         } else {
    363           sideOffset = shortestIndex * columnWidth + offset;
    364         }
    365 
    366         // Position the item.
    367         itemCSS[this.direction] = sideOffset;
    368         itemCSS.top = shortest;
    369         $item.css(itemCSS).data('wookmark-top', shortest);
    370 
    371         // Update column height and store item in shortest column
    372         heights[shortestIndex] += $item.data('wookmark-height') + this.offset;
    373         this.columns[shortestIndex].push($item);
    374       }
    375 
    376       // Return longest column
    377       return Math.max.apply(Math, heights);
    378     };
    379 
    380     /**
     328                Wookmark.prototype.layoutFull = function(columnWidth, columns, offset) {
     329                        var item, top, left, i = 0, k = 0 , j = 0,
     330                        activeItems = this.getActiveItems(),
     331                        length = activeItems.length,
     332                        shortest = null, shortestIndex = null,
     333                        itemCSS = {position: 'absolute'},
     334                        sideOffset, heights = [],
     335                        leftAligned = this.align == 'left' ? true : false;
     336
     337                        this.columns = [];
     338
     339                        // Prepare arrays to store height of columns and items.
     340                        while (heights.length < columns) {
     341                                heights.push(0);
     342                                this.columns.push([]);
     343                        }
     344
     345                        // Loop over items.
     346                        for (; i < length; i++ ) {
     347                                $item = activeItems.eq(i);
     348
     349                                // Find the shortest column.
     350                                shortest = heights[0];
     351                                shortestIndex = 0;
     352                                for (k = 0; k < columns; k++) {
     353                                        if (heights[k] < shortest) {
     354                                                shortest = heights[k];
     355                                                shortestIndex = k;
     356                                        }
     357                                }
     358
     359                                // stick to left side if alignment is left and this is the first column
     360                                if (shortestIndex == 0 && leftAligned) {
     361                                        sideOffset = 0;
     362                                        } else {
     363                                                sideOffset = shortestIndex * columnWidth + offset;
     364                                        }
     365
     366                                // Position the item.
     367                                itemCSS[this.direction] = sideOffset;
     368                                itemCSS.top = shortest;
     369                                $item.css(itemCSS).data('wookmark-top', shortest);
     370
     371                                // Update column height and store item in shortest column
     372                                heights[shortestIndex] += $item.data('wookmark-height') + this.offset;
     373                                this.columns[shortestIndex].push($item);
     374                        }
     375
     376                        // Return longest column
     377                        return Math.max.apply(Math, heights);
     378                };
     379
     380/**
    381381* This layout method only updates the vertical position of the
    382382* existing column assignments.
    383383*/
    384     Wookmark.prototype.layoutColumns = function(columnWidth, offset) {
    385       var heights = [],
    386           i = 0, k = 0,
    387           column, item, itemCSS, sideOffset;
    388 
    389       for (; i < this.columns.length; i++) {
    390         heights.push(0);
    391         column = this.columns[i];
    392         sideOffset = i * columnWidth + offset;
    393         currentHeight = heights[i];
    394 
    395         for (k = 0; k < column.length; k++) {
    396           $item = column[k];
    397           itemCSS = {
    398             top: currentHeight
    399           };
    400           itemCSS[this.direction] = sideOffset;
    401 
    402           $item.css(itemCSS).data('wookmark-top', currentHeight);
    403 
    404           currentHeight += $item.data('wookmark-height') + this.offset;
    405         }
    406         heights[i] = currentHeight;
    407       }
    408 
    409       // Return longest column
    410       return Math.max.apply(Math, heights);
    411     };
    412 
    413     /**
     384                Wookmark.prototype.layoutColumns = function(columnWidth, offset) {
     385                        var heights = [],
     386                        i = 0, k = 0,
     387                        column, item, itemCSS, sideOffset;
     388
     389                        for (; i < this.columns.length; i++) {
     390                                heights.push(0);
     391                                column = this.columns[i];
     392                                sideOffset = i * columnWidth + offset;
     393                                currentHeight = heights[i];
     394
     395                                for (k = 0; k < column.length; k++) {
     396                                        $item = column[k];
     397                                        itemCSS = {
     398                                                top: currentHeight
     399                                        };
     400                                        itemCSS[this.direction] = sideOffset;
     401
     402                                        $item.css(itemCSS).data('wookmark-top', currentHeight);
     403
     404                                        currentHeight += $item.data('wookmark-height') + this.offset;
     405                                }
     406                                heights[i] = currentHeight;
     407                        }
     408
     409                        // Return longest column
     410                        return Math.max.apply(Math, heights);
     411                };
     412
     413/**
    414414* Clear event listeners and time outs.
    415415*/
    416     Wookmark.prototype.clear = function() {
    417       clearTimeout(this.resizeTimer);
    418       $(window).unbind('resize.wookmark', this.onResize);
    419       this.container.unbind('refreshWookmark', this.onRefresh);
    420     };
    421 
    422     return Wookmark;
    423   })();
    424 
    425   $.fn.wookmark = function(options) {
    426     // Create a wookmark instance if not available
    427     if (!this.wookmarkInstance) {
    428       this.wookmarkInstance = new Wookmark(this, options || {});
    429     } else {
    430       this.wookmarkInstance.update(options || {});
    431     }
    432 
    433     // Apply layout
    434     this.wookmarkInstance.layout();
    435 
    436     // Display items (if hidden) and return jQuery object to maintain chainability
    437     return this.show();
    438   };
     416                Wookmark.prototype.clear = function() {
     417                        clearTimeout(this.resizeTimer);
     418                        $(window).unbind('resize.wookmark', this.onResize);
     419                        this.container.unbind('refreshWookmark', this.onRefresh);
     420                };
     421
     422                return Wookmark;
     423        })();
     424
     425        $.fn.wookmark = function(options) {
     426                // Create a wookmark instance if not available
     427                if (!this.wookmarkInstance) {
     428                        this.wookmarkInstance = new Wookmark(this, options || {});
     429                } else {
     430                        this.wookmarkInstance.update(options || {});
     431                }
     432
     433                // Apply layout
     434                this.wookmarkInstance.layout();
     435
     436                // Display items (if hidden) and return jQuery object to maintain chainability
     437                return this.show();
     438        };
    439439}));
  • _squelettes_/moodboard/js/play.jquery.wookmark.js

    r74746 r96069  
    33
    44$('.pin_mb').wookmark({
    5   align: 'center',
    6   autoResize: true,
    7   container: $('#pins_mb'),
    8   itemWidth: 236,
    9   offset: 14,
    10   resizeDelay: 50,
    11   flexibleWidth: 0,
    12   onLayoutChanged: undefined,
    13   fillEmptySpace: false
     5        align: 'center',
     6        autoResize: true,
     7        container: $('#pins_mb'),
     8        itemWidth: 236,
     9        offset: 14,
     10        resizeDelay: 50,
     11        flexibleWidth: 0,
     12        onLayoutChanged: undefined,
     13        fillEmptySpace: false
    1414});
  • _squelettes_/moodboard/lang/moodboard_en.php

    r74746 r96069  
    1 <?
    2     $GLOBALS[$GLOBALS['idx_lang']] = array(
    3     // A
    4     'about' => "About",
    5     'all_categories' => "All sections",
    6     'all_pins' => "All articles",
    7     'archives' => "Archives",
    8     // B
    9     'boards' => "Sections",
    10     'by' => " by ",
    11     // C
    12     'contact' => "Contact",
    13     'contact_form' => "Contact form & address",
    14     // F
    15     'follow' => "Follow this section",
    16     'follow_all' => "Follow this website",
    17     // L
    18     'licence' => "&copy; ",
    19     // N
    20     'noscript_text' => "Scripting is not enabled in your browser,
     1<?php
     2        $GLOBALS[$GLOBALS['idx_lang']] = array(
     3        // A
     4        'about' => "About",
     5        'all_categories' => "All sections",
     6        'all_pins' => "All articles",
     7        'archives' => "Archives",
     8        // B
     9        'boards' => "Sections",
     10        'by' => " by ",
     11        // C
     12        'contact' => "Contact",
     13        'contact_form' => "Contact form & address",
     14        // F
     15        'follow' => "Follow this section",
     16        'follow_all' => "Follow this website",
     17        // L
     18        'licence' => "&copy; ",
     19        // N
     20        'noscript_text' => "Scripting is not enabled in your browser,
    2121                        if you are using a plugin like NoScript &ldquo; High five &rdquo;!
    2222                        This CMS's code is open source and you can view it on&nbsp;",
    23     // P
    24     'pins' => "Articles",
    25     'powered_by' => "Powered by ",
    26     // R
    27     'recents_pins' => "Latest articles",
    28     // W
    29     'with' => " with ",
    30     );
     23        // P
     24        'pins' => "Articles",
     25        'powered_by' => "Powered by ",
     26        // R
     27        'recents_pins' => "Latest articles",
     28        // W
     29        'with' => " with ",
     30        );
    3131?>
  • _squelettes_/moodboard/lang/moodboard_fr.php

    r74746 r96069  
    1 <?
    2     $GLOBALS[$GLOBALS['idx_lang']] = array(
    3     // A
    4     'about' => "A propos",
    5     'all_categories' => "Toutes les rubriques",
    6     'all_pins' => "Tous les articles",
    7     'archives' => "Archives",
    8     // B
    9     'boards' => "Rubriques",
    10     'by' => " by ",
    11     // C
    12     'contact' => "Contact",
    13     'contact_form' => "Formulaire de contact &amp; coordonn&eacute;es",
    14     // F
    15     'follow' => "Suivre cette rubrique",
    16     'follow_all' => "Suivre ce site web",
    17     // L
    18     'licence' => "&copy; ",
    19     // N
    20     'noscript_text' => "Javascript n'est pas activ&eacute; sur votre navigateur,
     1<?php
     2        $GLOBALS[$GLOBALS['idx_lang']] = array(
     3        // A
     4        'about' => "A propos",
     5        'all_categories' => "Toutes les rubriques",
     6        'all_pins' => "Tous les articles",
     7        'archives' => "Archives",
     8        // B
     9        'boards' => "Rubriques",
     10        'by' => " by ",
     11        // C
     12        'contact' => "Contact",
     13        'contact_form' => "Formulaire de contact &amp; coordonn&eacute;es",
     14        // F
     15        'follow' => "Suivre cette rubrique",
     16        'follow_all' => "Suivre ce site web",
     17        // L
     18        'licence' => "&copy; ",
     19        // N
     20        'noscript_text' => "Javascript n'est pas activ&eacute; sur votre navigateur,
    2121                        si vous utilisez un plugin comme NoScript : &laquo; Topez l&agrave; &raquo; !
    2222                        Le code de ce CMS est open source et vous pouvez le voir sur&nbsp;",
    23     // P
    24     'pins' => "Articles",
    25     'powered_by' => "Propuls&eacute; par ",
    26     // R
    27     'recents_pins' => "Derniers articles",
    28     // W
    29     'with' => " avec ",
    30     );
     23        // P
     24        'pins' => "Articles",
     25        'powered_by' => "Propuls&eacute; par ",
     26        // R
     27        'recents_pins' => "Derniers articles",
     28        // W
     29        'with' => " avec ",
     30        );
    3131?>
  • _squelettes_/moodboard/lang/paquet-moodboard_en.php

    r74746 r96069  
    1 <?
    2       if (!defined('_ECRIRE_INC_VERSION')) return;
    3      
    4     $GLOBALS[$GLOBALS['idx_lang']] = array(
    5     'moodboard_slogan' => "Pin your articles!",
    6     'moodboard_description' => "Moodboard is a set of skeletons for SPIP 3.
     1<?php
     2        if (!defined('_ECRIRE_INC_VERSION')) return;
     3
     4        $GLOBALS[$GLOBALS['idx_lang']] = array(
     5        'moodboard_slogan' => "Pin your articles!",
     6        'moodboard_description' => "Moodboard is a set of skeletons for SPIP 3.
    77                                It allows you to create a moodboard design for your spip website.",
    8     );
     8        );
    99?>
  • _squelettes_/moodboard/lang/paquet-moodboard_fr.php

    r74746 r96069  
    1 <?
    2       if (!defined('_ECRIRE_INC_VERSION')) return;
    3      
    4     $GLOBALS[$GLOBALS['idx_lang']] = array(
    5     'moodboard_slogan' => "&Eacute;pinglez vos articles !",
    6     'moodboard_description' => "Moodboard est un jeu de squelettes compatibles avec SPIP 3.
     1<?php
     2        if (!defined('_ECRIRE_INC_VERSION')) return;
     3
     4        $GLOBALS[$GLOBALS['idx_lang']] = array(
     5        'moodboard_slogan' => "&Eacute;pinglez vos articles !",
     6        'moodboard_description' => "Moodboard est un jeu de squelettes compatibles avec SPIP 3.
    77                                Il permet de mettre en place un site spip sous forme
    88                                de &laquo; tableau &raquo; pour &laquo; &eacute;pingler &raquo; vos articles.",
    9     );
     9        );
    1010?>
  • _squelettes_/moodboard/modeles/archives_mb.html

    r74746 r96069  
    22<B_annee>
    33<div class="archives_mb">
    4   <ul>
    5     <BOUCLE_annee(ARTICLES){!par date}{date like #ENV{archives,''}|concat{%}}{fusion YEAR(date)}>
    6       <B_annee_relative>
    7         <li>
    8           <h2>[(#DATE|annee)]</h2>
    9           <ul>
    10             <BOUCLE_annee_relative(ARTICLES){annee_relatif}{!par date}{lang_select=non}{date like #ENV{archives,''}|concat{%}}{fusion MONTH(date)}>
    11               <B_articles_mois>
    12                 <li>
    13                   <h3>[(#DATE|nom_mois|ucfirst)][(#GRAND_TOTAL|>{#TOTAL_BOUCLE}|oui)<small>([(#GRAND_TOTAL)])</small>]</h3>
    14                   <ul>
    15                     [(#REM) Exclure les mots about et offscreen ]
    16                     <BOUCLE_articles_mois(ARTICLES){!titre_mot == ^(about_mb|offscreen_mb)$}{mois_relatif}{!par date}>
    17                       <li>
    18                         [(#REM) Exclure les mots about et offscreen ]
    19                         <BOUCLE_articles(ARTICLES) {!titre_mot == ^(about_mb|offscreen_mb)$}{id_article} {statut?}>
    20                           <a href="#URL_ARTICLE" rel="bookmark">#TITRE</a> | <small>[<time pubdate="pubdate" datetime="[(#DATE|date_iso)]">(#DATE|affdate_jourcourt)</time>]</small>
    21                         </BOUCLE_articles>
    22                       </li>
    23                     </BOUCLE_articles_mois>
    24                     [(#GRAND_TOTAL|>{#TOTAL_BOUCLE}|oui)]
    25                   </ul>
    26                 </li>
    27               </B_articles_mois>
    28             </BOUCLE_annee_relative>
    29           </ul>
    30         </li>
    31       </B_annee_relative>
    32     </BOUCLE_annee>
    33   </ul>
     4        <ul>
     5                <BOUCLE_annee(ARTICLES){!par date}{date like #ENV{archives,''}|concat{%}}{fusion YEAR(date)}>
     6                        <B_annee_relative>
     7                                <li>
     8                                        <h2>[(#DATE|annee)]</h2>
     9                                        <ul>
     10                                                <BOUCLE_annee_relative(ARTICLES){annee_relatif}{!par date}{lang_select=non}{date like #ENV{archives,''}|concat{%}}{fusion MONTH(date)}>
     11                                                        <B_articles_mois>
     12                                                                <li>
     13                                                                        <h3>[(#DATE|nom_mois|ucfirst)][(#GRAND_TOTAL|>{#TOTAL_BOUCLE}|oui)<small>([(#GRAND_TOTAL)])</small>]</h3>
     14                                                                        <ul>
     15                                                                                [(#REM) Exclure les mots about et offscreen ]
     16                                                                                <BOUCLE_articles_mois(ARTICLES){!titre_mot == ^(about_mb|offscreen_mb)$}{mois_relatif}{!par date}>
     17                                                                                        <li>
     18                                                                                                [(#REM) Exclure les mots about et offscreen ]
     19                                                                                                <BOUCLE_articles(ARTICLES) {!titre_mot == ^(about_mb|offscreen_mb)$}{id_article} {statut?}>
     20                                                                                                        <a href="#URL_ARTICLE" rel="bookmark">#TITRE</a> | <small>[<time pubdate="pubdate" datetime="[(#DATE|date_iso)]">(#DATE|affdate_jourcourt)</time>]</small>
     21                                                                                                </BOUCLE_articles>
     22                                                                                        </li>
     23                                                                                </BOUCLE_articles_mois>
     24                                                                                [(#GRAND_TOTAL|>{#TOTAL_BOUCLE}|oui)]
     25                                                                        </ul>
     26                                                                </li>
     27                                                        </B_articles_mois>
     28                                                </BOUCLE_annee_relative>
     29                                        </ul>
     30                                </li>
     31                        </B_annee_relative>
     32                </BOUCLE_annee>
     33        </ul>
    3434</div>
    3535</B_annee>
  • _squelettes_/moodboard/modeles/article_mots.html

    r74746 r96069  
    11[(#REM)
    2     Liste des mots-cles d'un article
    3     <template><article1|mots></template>
    4 ][(#REM)
    5     Modele <article1|mots> : liste des mots-cles d'un article
    6     #MODELE{article_mots}
     2        Liste des mots-cles d'un article
     3        <template><article1|mots></template>
     4]
     5[(#REM)
     6        Modele <article1|mots> : liste des mots-cles d'un article
     7        #MODELE{article_mots}
    78
    8     Pour la notation rel="tag" voir
    9     <http://microformats.org/wiki/rel-tag-fr>
    10 ]<B_mots>
    11 <div class="menu"[ style='float:(#ENV{align}|match{left|right});']>
    12     <h2><:mots_clefs:></h2>
    13     <ul>
    14         [(#REM) Exclure les mots about et offscreen ]
    15         <BOUCLE_mots(MOTS) {!titre_mot == ^(about_mb|offscreen_mb)$} {id_article} {par titre}>
    16         <li><a href="#URL_MOT" rel="tag">#TITRE</a></li>
    17         </BOUCLE_mots>
    18     </ul>
    19 </div>
     9        Pour la notation rel="tag" voir
     10        <http://microformats.org/wiki/rel-tag-fr>
     11]
     12<B_mots>
     13        <div class="menu"[ style='float:(#ENV{align}|match{left|right});']>
     14                <h2><:mots_clefs:></h2>
     15                <ul>
     16                        [(#REM) Exclure les mots about et offscreen ]
     17                        <BOUCLE_mots(MOTS) {!titre_mot == ^(about_mb|offscreen_mb)$} {id_article} {par titre}>
     18                                <li><a href="#URL_MOT" rel="tag">#TITRE</a></li>
     19                        </BOUCLE_mots>
     20                </ul>
     21        </div>
    2022</B_mots>
  • _squelettes_/moodboard/moodboard_fonctions.php

    r74841 r96069  
    44
    55$GLOBALS['spip_pipeline']['insert_head'] .= "|moodboard";
    6  
     6
    77function moodboard_insert_head($flux){
    88        $js_jquery_wookmark = find_in_path('js/jquery.wookmark.js');
     
    1212
    1313$GLOBALS['spip_pipeline']['insert_head_css'] .= "|moodboard";
    14  
     14
    1515function moodboard_insert_head_css($flux){
    1616        $css_moodboard = find_in_path('css/moodboard.css');
  • _squelettes_/moodboard/paquet.xml

    r74841 r96069  
    11<paquet
    2  prefix="moodboard"
    3  categorie="squelette"
    4  version="1.0.1"
    5  etat="test"
    6  logo="prive/themes/spip/images/moodboard-32.png"
    7  documentation="http://contrib.spip.net/Moodboard"
    8  demonstration="http://haplooswebdesign.free.fr/moodboard-demo"
    9  developpement="http://haplooswebdesign.free.fr/moodboard-dev"
    10  compatibilite="[3.0.0 ;3.0.*]"
    11  >
    12  <nom>Moodboard</nom>
    13  <!-- Spip façon moodboard -->
    14      
    15  <auteur lien="http://haplooswebdesign.free.fr/moodboard-dev">haploos</auteur>
     2        prefix="moodboard"
     3        categorie="squelette"
     4        version="1.0.2"
     5        etat="test"
     6        logo="prive/themes/spip/images/moodboard-32.png"
     7        documentation="http://contrib.spip.net/Moodboard"
     8        demonstration="http://haplooswebdesign.free.fr/moodboard-demo"
     9        developpement="http://haplooswebdesign.free.fr/moodboard-dev"
     10        compatibilite="[3.0.0;3.0.*]"
     11>
     12        <nom>Moodboard</nom>
     13        <!-- Spip façon moodboard -->
    1614
    17  <copyright>2013</copyright>
     15        <auteur lien="http://haplooswebdesign.free.fr/moodboard-dev">haploos</auteur>
    1816
    19  <credit lien="http://www.wookmark.com/jquery-plugin">Christoph Ono (Wookmark plugin)</credit>
    20      
    21  <licence lien="http://www.gnu.org/licenses/gpl-3.0.html">GNU/GPL</licence>
     17        <copyright>2013</copyright>
    2218
    23  <pipeline nom="insert_head" inclure="moodboard_fonctions.php" />
    24      
    25  <pipeline nom="insert_head_css" inclure="moodboard_fonctions.php" />
     19        <credit lien="http://www.wookmark.com/jquery-plugin">Christoph Ono (Wookmark plugin)</credit>
    2620
     21        <licence lien="http://www.gnu.org/licenses/gpl-3.0.html">GNU/GPL</licence>
    2722
    28  </paquet>
     23        <pipeline nom="insert_head" inclure="moodboard_fonctions.php" />
     24        <pipeline nom="insert_head_css" inclure="moodboard_fonctions.php" />
     25
     26</paquet>
  • _squelettes_/moodboard/rubrique.html

    r74746 r96069  
    2020<div class="page">
    2121
    22     <INCLURE{fond=inclure/header} />
    23     <INCLURE{fond=inclure/nav,env} />
     22        <INCLURE{fond=inclure/header} />
     23        <INCLURE{fond=inclure/nav,env} />
    2424
    25     <div class="main">
    26         [(#REM) Contenu principal : contenu de la rubrique ]
    27         <div class="wrapper">
    28         <div class="content" id="content">
    29             <p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a><BOUCLE_ariane(HIERARCHIE){id_rubrique}> &gt; <a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a></BOUCLE_ariane>[ &gt; <strong class="on">(#TITRE|couper{80})</strong>]</p><!--.arbo-->
     25        <div class="main">
     26                [(#REM) Contenu principal : contenu de la rubrique ]
     27                <div class="wrapper">
     28                        <div class="content" id="content">
     29                                        <p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a><BOUCLE_ariane(HIERARCHIE){id_rubrique}> &gt; <a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a></BOUCLE_ariane>[ &gt; <strong class="on">(#TITRE|couper{80})</strong>]</p><!--.arbo-->
     30
     31                                        <div class="cartouche">
     32                                                <h1 class="#EDIT{titre}">[(#LOGO_RUBRIQUE|image_reduire{80,*}) ]#TITRE</h1>
     33                                                [(#REM) Feed ]
     34                                                <INCLURE{fond=inclure/feed_mb}{id_rubrique} />
     35                                        </div>
     36
     37                                        [<div class="#EDIT{texte} texte">(#TEXTE)</div>]
     38
     39                                        [(#REM) Articles de la rubrique ]
     40                                        <INCLURE{fond=inclure/articles_rubrique_mb,env,ajax} />
     41
     42                                        [(#REM) Si aucun article, affiche un plan de la rubrique ]
     43                                        <B_sous_rubriques>
     44                                                <div class="menu menu_rubriques">
     45                                                        <h2><:sous_rubriques:></h2>
     46                                                        <ul class="spip">
     47                                                                <BOUCLE_sous_rubriques(RUBRIQUES) {id_parent} {par num titre}{!par date}>
     48                                                                        <li>
     49                                                                                <a href="#URL_RUBRIQUE">#TITRE</a>
     50
     51                                                                                [(#REM) Une boucle recursive pour le mini plan]
     52                                                                                <B_miniplan>
     53                                                                                <ul>
     54                                                                                        <BOUCLE_miniplan(RUBRIQUES) {id_parent} {par num titre}{!par date}>
     55                                                                                                <li>
     56                                                                                                        <a href="#URL_RUBRIQUE">#TITRE</a>
     57                                                                                                        <BOUCLE_m2(BOUCLE_miniplan)></BOUCLE_m2>
     58                                                                                                </li>
     59                                                                                        </BOUCLE_miniplan>
     60                                                                                </ul>
     61                                                                                </B_miniplan>
     62
     63                                                                        </li>
     64                                                                </BOUCLE_sous_rubriques>
     65                                                        </ul>
     66                                                </div>
     67                                        </B_sous_rubriques>
     68
     69                                        <//B_articles>[(#REM) supprimer pour toujours avoir le miniplan]
     70
     71
     72                                [(#REM) Documents joints a la rubrique ]
     73                                <B_documents_joints>
     74                                        <div class="menu" id="documents_joints">
     75                                                <h2><:medias:titre_documents_joints:></h2>
     76                                                <ul class="spip">
     77                                                        <BOUCLE_documents_joints(DOCUMENTS) {id_rubrique} {mode=document} {par num titre, date} {doublons}>
     78                                                                <li>
     79                                                                        <a href="#URL_DOCUMENT" type="#MIME_TYPE" class="spip_doc[ (#EXTENSION|attribut_html)]"><strong class="#EDIT{titre} titre">[(#TITRE|sinon{[(#FICHIER|basename|couper{80})]})]</strong>
     80                                                                        <small class="info_document">([<abbr title="<:info_document:> #TYPE_DOCUMENT" class="ext">(#EXTENSION|strtoupper)</abbr> - ][<span>(#TAILLE|taille_en_octets)</span>])</small></a>
     81                                                                        [<div class="#EDIT{descriptif} descriptif">(#DESCRIPTIF)</div>]
     82                                                                </li>
     83                                                        </BOUCLE_documents_joints>
     84                                                </ul>
     85                                        </div><!--#documents_joints-->
     86                                </B_documents_joints>
     87
     88                                [<div class="notes"><hr />(#NOTES)</div>]
     89
     90                        </div><!--.content-->
     91                </div><!--.wrapper-->
    3092   
    31             <div class="cartouche">
    32                 <h1 class="#EDIT{titre}">[(#LOGO_RUBRIQUE|image_reduire{80,*}) ]#TITRE</h1>
    33                 [(#REM) Feed ]
    34                 <INCLURE{fond=inclure/feed_mb}{id_rubrique} />
    35             </div>
    36    
    37             [<div class="#EDIT{texte} texte">(#TEXTE)</div>]
    38    
    39             [(#REM) Articles de la rubrique ]
    40             <INCLURE{fond=inclure/articles_rubrique_mb,env,ajax} />
    41    
    42             [(#REM) Si aucun article, affiche un plan de la rubrique ]
    43             <B_sous_rubriques>
    44             <div class="menu menu_rubriques">
    45                 <h2><:sous_rubriques:></h2>
    46                 <ul class="spip">
    47                     <BOUCLE_sous_rubriques(RUBRIQUES) {id_parent} {par num titre}{!par date}>
    48                     <li>
    49                         <a href="#URL_RUBRIQUE">#TITRE</a>
    50    
    51                         [(#REM) Une boucle recursive pour le mini plan]
    52                         <B_miniplan>
    53                         <ul>
    54                             <BOUCLE_miniplan(RUBRIQUES) {id_parent} {par num titre}{!par date}>
    55                             <li>
    56                                 <a href="#URL_RUBRIQUE">#TITRE</a>
    57                                 <BOUCLE_m2(BOUCLE_miniplan)></BOUCLE_m2>
    58                             </li>
    59                             </BOUCLE_miniplan>
    60                         </ul>
    61                         </B_miniplan>
    62    
    63                     </li>
    64                     </BOUCLE_sous_rubriques>
    65                 </ul>
    66                 </div>
    67             </B_sous_rubriques>
    68    
    69             <//B_articles>[(#REM) supprimer pour toujours avoir le miniplan]
    70    
    71    
    72             [(#REM) Documents joints a la rubrique ]
    73             <B_documents_joints>
    74             <div class="menu" id="documents_joints">
    75                 <h2><:medias:titre_documents_joints:></h2>
    76                 <ul class="spip">
    77                     <BOUCLE_documents_joints(DOCUMENTS) {id_rubrique} {mode=document} {par num titre, date} {doublons}>
    78                     <li>
    79                         <a href="#URL_DOCUMENT" type="#MIME_TYPE" class="spip_doc[ (#EXTENSION|attribut_html)]"><strong class="#EDIT{titre} titre">[(#TITRE|sinon{[(#FICHIER|basename|couper{80})]})]</strong>
    80                         <small class="info_document">([<abbr title="<:info_document:> #TYPE_DOCUMENT" class="ext">(#EXTENSION|strtoupper)</abbr> - ][<span>(#TAILLE|taille_en_octets)</span>])</small></a>
    81                         [<div class="#EDIT{descriptif} descriptif">(#DESCRIPTIF)</div>]
    82                     </li>
    83                     </BOUCLE_documents_joints>
    84                 </ul>
    85             </div><!--#documents_joints-->
    86             </B_documents_joints>
    87    
    88             [<div class="notes"><hr />(#NOTES)</div>]
    89    
    90         </div><!--.content-->
    91         </div><!--.wrapper-->
    92    
    93         <div class="aside">
    94    
    95             <INCLURE{fond=inclure/navsub, id_rubrique} />
    96             #FORMULAIRE_RECHERCHE
    97            
    98             [(#REM) Menu de navigation mots-cles ]
    99             <B_mots>
    100             <div class="menu">
    101                 <h2><:mots_clefs:></h2>
    102                 <ul>
    103                     <BOUCLE_mots(MOTS) {id_rubrique} {par titre}>
    104                     <li><a href="#URL_MOT" rel="tag">#TITRE</a></li>
    105                     </BOUCLE_mots>
    106                 </ul>
    107             </div>
    108             </B_mots>
    109    
    110             [(#REM) Breves du secteur ]
    111             <B_breves>
    112             <div class="menu menu_breves">
    113                 <h2><:breves:breves:></h2>
    114                 <ul>
    115                     <BOUCLE_breves(BREVES) {id_rubrique} {!par date} {0,5}>
    116                     <li>[(#DATE|affdate_jourcourt) &ndash; ]<a href="#URL_BREVE">#TITRE</a></li>
    117                     </BOUCLE_breves>
    118                 </ul>
    119             </div>
    120             </B_breves>
    121    
    122             [(#REM) Sites de la rubrique ]
    123             <B_sites>
    124             <div class="menu">
    125                 <h2><:sur_web:></h2>
    126                 <ul>
    127                     <BOUCLE_sites(SITES) {id_rubrique} {par nom_site}>
    128                     <li>
    129                         <a href="[(#ID_SYNDIC|generer_url_entite{site,'','',#CONNECT})]">#NOM_SITE</a>
    130                         <B_syndic>
    131                         <ul>
    132                             <BOUCLE_syndic(SYNDIC_ARTICLES) {id_syndic} {age<180} {!par date} {0,3}>
    133                             <li><a href="#URL_ARTICLE" class="spip_out">#TITRE</a></li>
    134                             </BOUCLE_syndic>
    135                         </ul>
    136                         </B_syndic>
    137                     </li>
    138                     </BOUCLE_sites>
    139                 </ul>
    140             </div>
    141             </B_sites>
    142    
    143             [(#REM) Proposer un site ]
    144             #FORMULAIRE_SITE
    145            
    146         </div><!--.aside-->
    147     </div><!--.main-->
     93                <div class="aside">
    14894
    149     <INCLURE{fond=inclure/footer,self=#SELF} />
     95                        <INCLURE{fond=inclure/navsub, id_rubrique} />
     96                        #FORMULAIRE_RECHERCHE
     97
     98                        [(#REM) Menu de navigation mots-cles ]
     99                        <B_mots>
     100                                <div class="menu">
     101                                        <h2><:mots_clefs:></h2>
     102                                        <ul>
     103                                                <BOUCLE_mots(MOTS) {id_rubrique} {par titre}>
     104                                                        <li><a href="#URL_MOT" rel="tag">#TITRE</a></li>
     105                                                </BOUCLE_mots>
     106                                        </ul>
     107                                </div>
     108                        </B_mots>
     109
     110                        [(#REM) Breves du secteur ]
     111                        <B_breves>
     112                                <div class="menu menu_breves">
     113                                        <h2><:breves:breves:></h2>
     114                                        <ul>
     115                                                <BOUCLE_breves(BREVES) {id_rubrique} {!par date} {0,5}>
     116                                                        <li>[(#DATE|affdate_jourcourt) &ndash; ]<a href="#URL_BREVE">#TITRE</a></li>
     117                                                </BOUCLE_breves>
     118                                        </ul>
     119                                </div>
     120                        </B_breves>
     121
     122                        [(#REM) Sites de la rubrique ]
     123                        <B_sites>
     124                                <div class="menu">
     125                                        <h2><:sur_web:></h2>
     126                                        <ul>
     127                                                <BOUCLE_sites(SITES) {id_rubrique} {par nom_site}>
     128                                                        <li>
     129                                                                <a href="[(#ID_SYNDIC|generer_url_entite{site,'','',#CONNECT})]">#NOM_SITE</a>
     130                                                                <B_syndic>
     131                                                                        <ul>
     132                                                                                <BOUCLE_syndic(SYNDIC_ARTICLES) {id_syndic} {age<180} {!par date} {0,3}>
     133                                                                                        <li><a href="#URL_ARTICLE" class="spip_out">#TITRE</a></li>
     134                                                                                </BOUCLE_syndic>
     135                                                                        </ul>
     136                                                                </B_syndic>
     137                                                        </li>
     138                                                </BOUCLE_sites>
     139                                        </ul>
     140                                </div>
     141                        </B_sites>
     142
     143                        [(#REM) Proposer un site ]
     144                        #FORMULAIRE_SITE
     145
     146                </div><!--.aside-->
     147        </div><!--.main-->
     148
     149        <INCLURE{fond=inclure/footer,self=#SELF} />
    150150
    151151</div><!--.page-->
  • _squelettes_/moodboard/rubriques.html

    r74746 r96069  
    1616<div class="page">
    1717
    18     <INCLURE{fond=inclure/header} />
    19     <INCLURE{fond=inclure/nav,env} />
    20    
    21     <div class="main">
    22         <div class="wrapper hfeed">
    23         <div class="content" id="content">
    24             <INCLURE{fond=inclure/rubriques_mb,env,ajax} />
    25         </div><!--.content-->
    26         </div><!--.wrapper-->
    27        
    28         <div class="aside">
    29             <INCLURE{fond=inclure/navsub} />
    30             #FORMULAIRE_RECHERCHE
    31            
    32             [(#REM) Liens des forums ]
    33             <B_forums_liens>
    34             <div class="menu menu_comments">
    35                 <h2><:derniers_commentaires:></h2>
    36                 <ul>
    37                     <BOUCLE_forums_liens(FORUMS?) {plat} {!par date} {0,5}>
    38                     [<li>[(#NOM|sinon{...})&nbsp;: ]<a href="#URL_FORUM"[ title="(#TITRE|attribut_html|couper{80})"]>(#TEXTE|couper{80})</a></li>]
    39                     </BOUCLE_forums_liens>
    40                 </ul>
    41             </div>
    42             </B_forums_liens>
    43            
    44             [(#REM) Sur le Web ]
    45             <B_syndic>
    46             <div class="menu">
    47                 <h2><:nouveautes_web:></h2>
    48                 <ul>
    49                     <BOUCLE_syndic(SYNDIC_ARTICLES) {age<180} {!par date} {0,5}>
    50                     <li>[(#DATE|affdate_jourcourt) &ndash; ]<a href="#URL_ARTICLE"[ title="(#NOM_SITE|attribut_html|couper{80})"] class="spip_out">#TITRE</a></li>
    51                     </BOUCLE_syndic>
    52                 </ul>
    53             </div>
    54             </B_syndic>
    55            
    56         </div><!--.aside-->
    57     </div><!--.main-->
    58    
    59     <INCLURE{fond=inclure/footer,self=#SELF} />
    60    
     18        <INCLURE{fond=inclure/header} />
     19        <INCLURE{fond=inclure/nav,env} />
     20
     21        <div class="main">
     22                <div class="wrapper hfeed">
     23                        <div class="content" id="content">
     24                                <INCLURE{fond=inclure/rubriques_mb,env,ajax} />
     25                        </div><!--.content-->
     26                </div><!--.wrapper-->
     27
     28                <div class="aside">
     29                        <INCLURE{fond=inclure/navsub} />
     30                        #FORMULAIRE_RECHERCHE
     31
     32                        [(#REM) Liens des forums ]
     33                        <B_forums_liens>
     34                                <div class="menu menu_comments">
     35                                        <h2><:derniers_commentaires:></h2>
     36                                        <ul>
     37                                                <BOUCLE_forums_liens(FORUMS?) {plat} {!par date} {0,5}>
     38                                                [<li>[(#NOM|sinon{...})&nbsp;: ]<a href="#URL_FORUM"[ title="(#TITRE|attribut_html|couper{80})"]>(#TEXTE|couper{80})</a></li>]
     39                                                </BOUCLE_forums_liens>
     40                                        </ul>
     41                                </div>
     42                        </B_forums_liens>
     43
     44                        [(#REM) Sur le Web ]
     45                        <B_syndic>
     46                                <div class="menu">
     47                                        <h2><:nouveautes_web:></h2>
     48                                        <ul>
     49                                                <BOUCLE_syndic(SYNDIC_ARTICLES) {age<180} {!par date} {0,5}>
     50                                                        <li>[(#DATE|affdate_jourcourt) &ndash; ]<a href="#URL_ARTICLE"[ title="(#NOM_SITE|attribut_html|couper{80})"] class="spip_out">#TITRE</a></li>
     51                                                </BOUCLE_syndic>
     52                                        </ul>
     53                                </div>
     54                        </B_syndic>
     55
     56                </div><!--.aside-->
     57        </div><!--.main-->
     58
     59        <INCLURE{fond=inclure/footer,self=#SELF} />
     60
    6161</div><!--.page-->
    6262</body>
  • _squelettes_/moodboard/sommaire.html

    r74746 r96069  
    1616<div class="page">
    1717
    18     <INCLURE{fond=inclure/header}{home=oui} />
    19     <INCLURE{fond=inclure/nav,env}{home=oui} />
    20    
    21     <div class="main">
    22         <div class="wrapper hfeed">
    23         <div class="content" id="content">
     18        <INCLURE{fond=inclure/header}{home=oui} />
     19        <INCLURE{fond=inclure/nav,env}{home=oui} />
    2420
    25           <div class="cartouche">
    26             [<div class="chapo">(#DESCRIPTIF_SITE_SPIP)</div>]
    27             [(#REM) Feed ]
    28             <INCLURE{fond=inclure/feed_mb}{home=oui} />
    29           </div>
     21        <div class="main">
     22                <div class="wrapper hfeed">
     23                        <div class="content" id="content">
    3024
    31             [(#REM) Articles recents ]
    32             <INCLURE{fond=inclure/recents_mb,env,ajax} />
     25                                <div class="cartouche">
     26                                        [<div class="chapo">(#DESCRIPTIF_SITE_SPIP)</div>]
     27                                        [(#REM) Feed ]
     28                                        <INCLURE{fond=inclure/feed_mb}{home=oui} />
     29                                </div>
    3330
    34         </div><!--.content-->
    35         </div><!--.wrapper-->
    36        
    37         <div class="aside">
    38             <INCLURE{fond=inclure/navsub} />
    39             #FORMULAIRE_RECHERCHE
    40            
    41             [(#REM) Breves ]
    42             <B_breves>
    43             <div class="menu menu_breves">
    44                 <h2><:dernieres_breves:></h2>
    45                 <ul>
    46                     <BOUCLE_breves(BREVES) {!par date} {0,3}>
    47                     <li>
    48                         [<small>(#DATE|affdate_jourcourt)</small>]
    49                         <h3><a href="#URL_BREVE">#TITRE</a></h3>
    50                         #INTRODUCTION
    51                     </li>
    52                     </BOUCLE_breves>
    53                 </ul>
    54             </div>
    55             </B_breves>
    56            
    57             [(#REM) Liens des forums ]
    58             <B_forums_liens>
    59             <div class="menu menu_comments">
    60                 <h2><:derniers_commentaires:></h2>
    61                 <ul>
    62                     <BOUCLE_forums_liens(FORUMS?) {plat} {!par date} {0,5}>
    63                     [<li>[(#NOM|sinon{...})&nbsp;: ]<a href="#URL_FORUM"[ title="(#TITRE|attribut_html|couper{80})"]>(#TEXTE|couper{80})</a></li>]
    64                     </BOUCLE_forums_liens>
    65                 </ul>
    66             </div>
    67             </B_forums_liens>
    68            
    69             [(#REM) Sur le Web ]
    70             <B_syndic>
    71             <div class="menu">
    72                 <h2><:nouveautes_web:></h2>
    73                 <ul>
    74                     <BOUCLE_syndic(SYNDIC_ARTICLES) {age<180} {!par date} {0,5}>
    75                     <li>[(#DATE|affdate_jourcourt) &ndash; ]<a href="#URL_ARTICLE"[ title="(#NOM_SITE|attribut_html|couper{80})"] class="spip_out">#TITRE</a></li>
    76                     </BOUCLE_syndic>
    77                 </ul>
    78             </div>
    79             </B_syndic>
    80            
    81             #FORMULAIRE_INSCRIPTION
    82         </div><!--.aside-->
    83     </div><!--.main-->
    84    
    85     <INCLURE{fond=inclure/footer,self=#SELF} />
    86    
     31                                [(#REM) Articles recents ]
     32                                <INCLURE{fond=inclure/recents_mb,env,ajax} />
     33
     34                        </div><!--.content-->
     35                </div><!--.wrapper-->
     36
     37                <div class="aside">
     38                        <INCLURE{fond=inclure/navsub} />
     39                        #FORMULAIRE_RECHERCHE
     40
     41                        [(#REM) Breves ]
     42                        <B_breves>
     43                                <div class="menu menu_breves">
     44                                        <h2><:dernieres_breves:></h2>
     45                                        <ul>
     46                                                <BOUCLE_breves(BREVES) {!par date} {0,3}>
     47                                                        <li>
     48                                                                [<small>(#DATE|affdate_jourcourt)</small>]
     49                                                                <h3><a href="#URL_BREVE">#TITRE</a></h3>
     50                                                                #INTRODUCTION
     51                                                        </li>
     52                                                </BOUCLE_breves>
     53                                        </ul>
     54                                </div>
     55                        </B_breves>
     56
     57                        [(#REM) Liens des forums ]
     58                        <B_forums_liens>
     59                                <div class="menu menu_comments">
     60                                        <h2><:derniers_commentaires:></h2>
     61                                        <ul>
     62                                                <BOUCLE_forums_liens(FORUMS?) {plat} {!par date} {0,5}>
     63                                                        [<li>[(#NOM|sinon{...})&nbsp;: ]<a href="#URL_FORUM"[ title="(#TITRE|attribut_html|couper{80})"]>(#TEXTE|couper{80})</a></li>]
     64                                                </BOUCLE_forums_liens>
     65                                        </ul>
     66                                </div>
     67                        </B_forums_liens>
     68
     69                        [(#REM) Sur le Web ]
     70                        <B_syndic>
     71                                <div class="menu">
     72                                        <h2><:nouveautes_web:></h2>
     73                                        <ul>
     74                                                <BOUCLE_syndic(SYNDIC_ARTICLES) {age<180} {!par date} {0,5}>
     75                                                <li>[(#DATE|affdate_jourcourt) &ndash; ]<a href="#URL_ARTICLE"[ title="(#NOM_SITE|attribut_html|couper{80})"] class="spip_out">#TITRE</a></li>
     76                                                </BOUCLE_syndic>
     77                                        </ul>
     78                                </div>
     79                        </B_syndic>
     80
     81                        #FORMULAIRE_INSCRIPTION
     82                </div><!--.aside-->
     83        </div><!--.main-->
     84
     85        <INCLURE{fond=inclure/footer,self=#SELF} />
     86
    8787</div><!--.page-->
    8888</body>
Note: See TracChangeset for help on using the changeset viewer.