Changeset 99708 in spip-zone


Ignore:
Timestamp:
Sep 28, 2016, 8:54:21 PM (3 years ago)
Author:
p@…
Message:

Revoir les topbar du squelettes

Location:
_squelettes_/zoundation/trunk/inclure
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/zoundation/trunk/inclure/inc-topbar-racine.html

    r93851 r99708  
    22Créer une une topbar avec toutes la racine du site
    33]
    4 <ul class="dropdown menu[ (#ENV{class})]" data-dropdown-menu>
    54
    6   <li class="menu-text[ (#SI_PAGE{sommaire}|oui)on]">
    7     <a href="#URL_SITE_SPIP"><:zcore:accueil:></a>
    8   </li>
     5[(#REM) Title bar qui déclenchera le menu responsive ]
     6<div class="title-bar" data-responsive-toggle="racine" data-hide-for="large">
     7        <button class="menu-icon" type="button" data-toggle></button>
     8        <div class="title-bar-title" data-toggle>Menu</div>
     9</div>
    910
    10   [(#REM) La racine du site. ]
    11   <BOUCLE_rubriques(RUBRIQUES) {racine} {par num titre, titre}>
     11<nav class="top-bar[ (#ENV{class})]" id="racine">
     12        <div class="top-bar-left">
     13                <ul class="dropdown menu vertical large-horizontal" data-responsive-menu="drilldown large-dropdown">
    1214
    13     [(#REM) On lance un boucle de test pour savoir si on doit gérer un dropdown ou non ]
    14     <li class="#EXPOSE[ (#ID_RUBRIQUE|test_enfants_rubrique|oui)has-submenu]">
    15       <a href="#URL_RUBRIQUE">
    16         [(#TITRE|couper{80})]
    17       </a>
    18       [(#REM) Ici on va mettre les sous-rubriques dans des dropdowns. ]
    19       <B_sous_rubrique>
    20         <ul class="submenu menu vertical" data-submenu>
    21           <BOUCLE_sous_rubrique(RUBRIQUES) {id_parent} {par num titre, titre}>
    22             <li class="#EXPOSE[ (#ID_RUBRIQUE|test_enfants_rubrique|oui)has-submenu]">
    23               <a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a>
     15                        <li class="menu-text[ (#SI_PAGE{sommaire}|oui)on]">
     16                                <a href="#URL_SITE_SPIP"><:zcore:accueil:></a>
     17                        </li>
    2418
    25               [(#REM) On génère autant de dropdow qu'il faut ]
    26               <BOUCLE_recurcive(BOUCLE_sous_rubrique)></BOUCLE_recurcive>
    27             </li>
    28           </BOUCLE_sous_rubrique>
    29         </ul>
    30       </B_sous_rubrique>
    31     </li>
    32   </BOUCLE_rubriques>
    33 </ul>
     19                        [(#REM) La racine du site. ]
     20                        <BOUCLE_rubriques(RUBRIQUES) {racine} {par num titre, titre}>
     21
     22                                [(#REM) On lance un boucle de test pour savoir si on doit gérer un dropdown ou non ]
     23                                <li[ class="(#EXPOSE)"]>
     24                                        <a href="#URL_RUBRIQUE">
     25                                                [(#TITRE|couper{80})]
     26                                        </a>
     27                                        [(#REM) Ici on va mettre les sous-rubriques dans des dropdowns. ]
     28                                        <B_sous_rubrique>
     29                                                <ul class="menu vertical">
     30                                                        <BOUCLE_sous_rubrique(RUBRIQUES) {id_parent} {par num titre, titre}>
     31                                                                <li[ class="(#EXPOSE)"]>
     32                                                                        <a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a>
     33
     34                                                                        [(#REM) On génère autant de dropdow qu'il faut ]
     35                                                                        <BOUCLE_recurcive(BOUCLE_sous_rubrique)></BOUCLE_recurcive>
     36                                                                </li>
     37                                                        </BOUCLE_sous_rubrique>
     38                                                </ul>
     39                                        </B_sous_rubrique>
     40                                </li>
     41                        </BOUCLE_rubriques>
     42                </ul>
     43        </div>
     44</nav>
  • _squelettes_/zoundation/trunk/inclure/inc-topbar-rubrique.html

    r89459 r99708  
    11[(#REM)
    22Permet de transformer une rubrique en élément section "top bar"
     3]
    34
    4 Paramètre:
    5 #ENV{class} = left ou right | aligner les éléments
    6 #ENV{id_parent} La rubrique à transformer en section topbar
     5[(#REM) Title bar qui déclenchera le menu responsive ]
     6[(#SET{id_topbar, rubrique[-(#ID_RUBRIQUE)][-(#ID_PARENT)][-(#ID_SECTEUR)]})]
     7<div class="title-bar" data-responsive-toggle="#GET{id_topbar}" data-hide-for="large">
     8        <button class="menu-icon" type="button" data-toggle></button>
     9        <div class="title-bar-title" data-toggle>Menu</div>
     10</div>
    711
    8 ]
    9 <B_rubriques>
    10   <ul[ class="(#ENV{class})"]>
    11     [(#REM) La racine du site. ]
    12     <BOUCLE_rubriques(RUBRIQUES) {id_secteur ?} {id_parent ?} {id_rubrique ?} {par num titre, titre}>
     12<nav class="top-bar[ (#ENV{class})]" id="#GET{id_topbar}">
     13        <div class="top-bar-left">
     14                <ul class="dropdown menu vertical large-horizontal" data-responsive-menu="drilldown large-dropdown">
     15                        [(#REM) La racine du site. ]
     16                        <BOUCLE_rubriques(RUBRIQUES) {id_secteur ?} {id_parent ?} {id_rubrique ?} {par num titre, titre}>
    1317
    14       [(#REM) On lance un boucle de test pour savoir si on doit gérer un dropdown ou non ]
    15       <li <BOUCLE_test_sous_rubriques(RUBRIQUES){id_parent}{0,1}>class="has-dropdown"</BOUCLE_test_sous_rubriques>>
    16         <a href="#URL_RUBRIQUE" [title="(#TITRE|attribut_html|couper{80})"]>
    17           [(#TITRE|couper{80})]
    18         </a>
    19         [(#REM) Ici on va mettre les sous-rubriques dans des dropdowns. ]
    20         <B_sous_rubrique>
    21           <ul class="dropdown">
    22             <BOUCLE_sous_rubrique(RUBRIQUES){id_parent} {par num titre, titre}>
    23               <li <BOUCLE_test_sous_rubriques_2(RUBRIQUES){id_parent}{0,1}>class="has-dropdown"</BOUCLE_test_sous_rubriques_2>>
    24                 <a href="#URL_RUBRIQUE" [title="(#TITRE|attribut_html|couper{80})"]>[(#TITRE|couper{80})]</a>
     18                                <li[ class="(#EXPOSE)"]>
     19                                        <a href="#URL_RUBRIQUE" [title="(#TITRE|attribut_html|couper{80})"]>
     20                                                [(#TITRE|couper{80})]
     21                                        </a>
     22                                        [(#REM) Ici on va mettre les sous-rubriques dans des dropdowns. ]
     23                                        <B_sous_rubrique>
     24                                                <ul class="menu vertical">
     25                                                        <BOUCLE_sous_rubrique(RUBRIQUES) {id_parent} {par num titre, titre}>
     26                                                                <li[ class="(#EXPOSE)"]>
     27                                                                        <a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a>
    2528
    26                 [(#REM) On génère autant de dropdow qu'il faut ]
    27                 <BOUCLE_recurcive(BOUCLE_sous_rubrique)></BOUCLE_recurcive>
    28               </li>
    29             </BOUCLE_sous_rubrique>
    30           </ul>
    31         </B_sous_rubrique>
    32       </li>
    33     </BOUCLE_rubriques>
    34   </ul>
    35 </B_rubriques>
    36 <INCLURE{fond=inclure/inc-topbar-racine, env} />
    37 <//B_rubriques>
     29                                                                        [(#REM) On génère autant de dropdow qu'il faut ]
     30                                                                        <BOUCLE_recurcive(BOUCLE_sous_rubrique)></BOUCLE_recurcive>
     31                                                                </li>
     32                                                        </BOUCLE_sous_rubrique>
     33                                                </ul>
     34                                        </B_sous_rubrique>
     35                                </li>
     36                        </BOUCLE_rubriques>
     37                </ul>
     38
     39        </div>
     40</nav>
  • _squelettes_/zoundation/trunk/inclure/nav.html

    r93851 r99708  
    1 <nav class="top-bar">
    2   <div class="top-bar-left">
    3     <INCLURE{fond=inclure/inc-topbar-racine, env} />
    4   </div>
    5 </nav>
     1<INCLURE{fond=inclure/inc-topbar-racine, env} />
Note: See TracChangeset for help on using the changeset viewer.