Changeset 105862 in spip-zone


Ignore:
Timestamp:
Aug 20, 2017, 10:21:08 AM (3 years ago)
Author:
p@…
Message:

Nouvelle option : sticky navigation pour les menu par défaut. Basé sur http://foundation.zurb.com/sites/docs/sticky.html#sticky-navigation

Location:
_squelettes_/zoundation/trunk
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/zoundation/trunk/colonne/dist.html

    r105534 r105862  
    1 [(#AUTORISER{connecter}|non|et{#CONFIG{accepter_visiteurs}|=={oui}|oui})
    2 <div class="button-group expanded">
    3         [(#MODELE{reveal, href=#URL_PAGE{inscription}, data-id=inscription, titre=<:zoundation:inscription:>, class=button, animation-in=slide-in-down, animation-out=slide-out-up})]
    4         [(#MODELE{reveal, href=#URL_PAGE{login, url=#SELF|rawurlencode}, data-id=login, titre=<:lien_connecter:>, class=button, animation-in=slide-in-down, animation-out=slide-out-up})]
    5 </div>
    6 ]
    71
    8 #FORMULAIRE_RECHERCHE
     2[(#CONFIG{zoundation/sticky}|oui)
     3<div data-sticky-container>]
     4        <div[ (#CONFIG{zoundation/sticky}|oui)data-sticky data-options="marginTop:4;" data-top-anchor="container:top" data-btm-anchor="container:bottom"]>
    95
    10 #PIPELINE{zoundation_top_colonne}
     6                [(#AUTORISER{connecter}|non|et{#CONFIG{accepter_visiteurs}|=={oui}|oui})
     7                <div class="button-group expanded">
     8                        [(#MODELE{reveal, href=#URL_PAGE{inscription}, data-id=inscription, titre=<:zoundation:inscription:>, class=button, animation-in=slide-in-down, animation-out=slide-out-up})]
     9                        [(#MODELE{reveal, href=#URL_PAGE{login, url=#SELF|rawurlencode}, data-id=login, titre=<:lien_connecter:>, class=button, animation-in=slide-in-down, animation-out=slide-out-up})]
     10                </div>
     11                ]
    1112
    12 [(#AUTORISER{connecter}|oui)
    13 <INCLURE{fond=inclure/menu_utilisateur, env} />]
     13                #FORMULAIRE_RECHERCHE
    1414
    15 [(#PLUGIN{albums}|oui)
    16 <INCLURE{fond=inclure/inc-dernier-album} />]
    17 
    18 [(#PLUGIN{mailsubscribers}|oui)
    19 <INCLURE{fond=inclure/newsletter, env} />]
    20 
    21 <INCLURE{fond=inclure/sous-rubriques, env} />
     15                #PIPELINE{zoundation_top_colonne}
     16[(#AUTORISER{connecter}|oui) <INCLURE{fond=inclure/menu_utilisateur, env} />] [(#PLUGIN{albums}|oui) <INCLURE{fond=inclure/inc-dernier-album} />] [(#PLUGIN{mailsubscribers}|oui) <INCLURE{fond=inclure/newsletter, env} />]
     17                <INCLURE{fond=inclure/sous-rubriques, env} />
     18        </div>
     19[(#CONFIG{zoundation/sticky}|oui)
     20</div>]
  • _squelettes_/zoundation/trunk/formulaires/configurer_zoundation.php

    r105428 r105862  
    4949                                'explication' => _T('zoundation:explication_inc-sommaire')
    5050                        )
     51                ),
     52                array(
     53                        'saisie' => 'case',
     54                        'options' => array(
     55                                'nom' => 'sticky',
     56                                'label_case' => _T('zoundation:case_sticky')
     57                        )
    5158                )
    5259        );
  • _squelettes_/zoundation/trunk/inclure/inc-topbar-racine.html

    r104687 r105862  
    44
    55[(#CONFIG{foundation_6/javascript}|non)
    6         <:foundation_6:erreur_js{squelette=#SQUELETTE}|erreur_squelette:>
     6<:foundation_6:erreur_js{squelette=#SQUELETTE}|erreur_squelette:>
    77]
    88
    9 [(#REM) Title bar qui déclenchera le menu responsive ]
    10 <div class="title-bar" data-responsive-toggle="racine" data-hide-for="large">
    11         <button class="menu-icon" type="button" data-toggle><span class="hide">Menu</span></button>
    12         <div class="title-bar-title" data-toggle>Menu</div>
    13 </div>
     9[(#CONFIG{zoundation/sticky}|oui)
     10<div data-sticky-container>]
    1411
    15 <nav class="top-bar[ (#ENV{class})]" id="racine">
    16         <div class="top-bar-left">
    17                 <ul class="dropdown menu vertical large-horizontal" data-responsive-menu="drilldown large-dropdown" data-parent-link="true">
    18 
    19                         <li[(#SI_PAGE{sommaire}|oui) class="on"]>
    20                                 <a href="#URL_SITE_SPIP"><:zcore:accueil:></a>
    21                         </li>
    22 
    23                         [(#REM) La racine du site. ]
    24                         <BOUCLE_rubriques(RUBRIQUES) {racine} {id_rubrique !IN #CONFIG{zoundation/rubrique_exclue_menu}|picker_selected{rubrique}} {par num titre, titre}>
    25 
    26                                 [(#REM) On lance un boucle de test pour savoir si on doit gérer un dropdown ou non ]
    27                                 <li[ class="(#EXPOSE)"]>
    28                                         <a href="#URL_RUBRIQUE">
    29                                                 [(#TITRE|couper{80})]
    30                                         </a>
    31                                         [(#REM) Ici on va mettre les sous-rubriques dans des dropdowns. ]
    32                                         <B_sous_rubrique>
    33                                                 <ul class="menu vertical">
    34                                                         <BOUCLE_sous_rubrique(RUBRIQUES) {id_parent} {id_rubrique !IN #CONFIG{zoundation/rubrique_exclue_menu}|picker_selected{rubrique}} {par num titre, titre}>
    35                                                                 <li[ class="(#EXPOSE)"]>
    36                                                                         <a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a>
    37 
    38                                                                         [(#REM) On génère autant de dropdow qu'il faut ]
    39                                                                         <BOUCLE_recurcive(BOUCLE_sous_rubrique)></BOUCLE_recurcive>
    40                                                                 </li>
    41                                                         </BOUCLE_sous_rubrique>
    42                                                 </ul>
    43                                         </B_sous_rubrique>
    44                                 </li>
    45                         </BOUCLE_rubriques>
    46                 </ul>
     12        [(#REM) Title bar qui déclenchera le menu responsive ]
     13        <div class="title-bar" data-responsive-toggle="racine" data-hide-for="large">
     14                <button class="menu-icon" type="button" data-toggle><span class="hide">Menu</span></button>
     15                <div class="title-bar-title" data-toggle>Menu</div>
    4716        </div>
    4817
    49         [(#AUTORISER{connecter})
    50         <div class="top-bar-right">
    51                 <ul class="menu">
    52                         <li>
    53                                 <a href="#URL_LOGOUT" rel="nofollow"><span class="fi-power"></span> <:icone_deconnecter:></a>
    54                         </li>
    55                 </ul>
    56         </div>]
    57 </nav>
     18        <nav class="top-bar[ (#ENV{class})]" id="racine"[ (#CONFIG{zoundation/sticky}|oui)data-sticky data-options="marginTop:0;" data-top-anchor="container:top" data-btm-anchor="container:bottom" style="width: 100%;"]>
     19                <div class="top-bar-left">
     20                        <ul class="dropdown menu vertical large-horizontal" data-responsive-menu="drilldown large-dropdown" data-parent-link="true">
     21
     22                                <li[(#SI_PAGE{sommaire}|oui) class="on"]>
     23                                        <a href="#URL_SITE_SPIP"><:zcore:accueil:></a>
     24                                </li>
     25
     26                                [(#REM) La racine du site. ]
     27                                <BOUCLE_rubriques(RUBRIQUES) {racine} {id_rubrique !IN #CONFIG{zoundation/rubrique_exclue_menu}|picker_selected{rubrique}} {par num titre, titre}>
     28
     29                                        [(#REM) On lance un boucle de test pour savoir si on doit gérer un dropdown ou non ]
     30                                        <li[ class="(#EXPOSE)"]>
     31                                                <a href="#URL_RUBRIQUE">
     32                                                        [(#TITRE|couper{80})]
     33                                                </a>
     34                                                [(#REM) Ici on va mettre les sous-rubriques dans des dropdowns. ]
     35                                                <B_sous_rubrique>
     36                                                        <ul class="menu vertical">
     37                                                                <BOUCLE_sous_rubrique(RUBRIQUES) {id_parent} {id_rubrique !IN #CONFIG{zoundation/rubrique_exclue_menu}|picker_selected{rubrique}} {par num titre, titre}>
     38                                                                        <li[ class="(#EXPOSE)"]>
     39                                                                                <a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a>
     40
     41                                                                                [(#REM) On génère autant de dropdow qu'il faut ]
     42                                                                                <BOUCLE_recurcive(BOUCLE_sous_rubrique)></BOUCLE_recurcive>
     43                                                                        </li>
     44                                                                </BOUCLE_sous_rubrique>
     45                                                        </ul>
     46                                                </B_sous_rubrique>
     47                                        </li>
     48                                </BOUCLE_rubriques>
     49                        </ul>
     50                </div>
     51
     52                [(#AUTORISER{connecter})
     53                <div class="top-bar-right">
     54                        <ul class="menu">
     55                                <li>
     56                                        <a href="#URL_LOGOUT" rel="nofollow"><span class="fi-power"></span> <:icone_deconnecter:></a>
     57                                </li>
     58                        </ul>
     59                </div>]
     60        </nav>
     61[(#CONFIG{zoundation/sticky}|oui)
     62</div>]
  • _squelettes_/zoundation/trunk/lang/zoundation_fr.php

    r105367 r105862  
    2727        'mes_adresses' => 'Mes adresses',
    2828        'inc-sommaire' => 'Squelette du sommaire',
    29         'explication_inc-sommaire' => 'Séléctionnez le squelette qui sera utilisé pour le sommaire du site. Vous pouvez créer vos propres squelettes en les placant dans un dossier <strong>inclure/</strong> avec pour nom <strong>inc-sommaire-*.html</strong>.'
     29        'explication_inc-sommaire' => 'Séléctionnez le squelette qui sera utilisé pour le sommaire du site. Vous pouvez créer vos propres squelettes en les placant dans un dossier <strong>inclure/</strong> avec pour nom <strong>inc-sommaire-*.html</strong>.',
     30        'case_sticky' => 'Activer la navigation "<a href="http://foundation.zurb.com/sites/docs/sticky.html#sticky-navigation">sticky</a>" des menus par défaut.'
    3031);
  • _squelettes_/zoundation/trunk/paquet.xml

    r105501 r105862  
    22        prefix="zoundation"
    33        categorie="squelette"
    4         version="1.0.56"
     4        version="1.0.57"
    55        etat="dev"
    66        compatibilite="[3.0.13;3.2.*]"
Note: See TracChangeset for help on using the changeset viewer.