source: spip-zone/_plugins_/boussole/branches/v0/modeles/boussole_topnav.html @ 75870

Last change on this file since 75870 was 75870, checked in by eric@…, 7 years ago

Synchronisation de la topnav de la boussole v0 avec celle de la boussole v2

File size: 3.6 KB
Line 
1[(#REM) <!--  MODELE DE BOUSSOLE
2
3        BOUSSOLE_TOPNAV
4        Pour chaque groupe, une liste ul/li simple avec nom et bulle d'info pour chaque site.
5        Les titres des groupes sont toujours affiches.
6        Seuls les sites configures comme tel sont affiches.
7        Le classement se fait par rang de groupe, puis rang de site dans le groupe.
8
9        Le modèle est accompagné par des CSS fourni aussi dans le plugin.
10-->]
11
12[(#REM) <!-- UTILISATION
13
14        - boussole :            alias de la boussole a afficher. spip, pour la galaxie SPIP
15        - titre_boussole :      indicateur oui/non d'affichage du titre de la boussole. Vide correspond a non
16        - taille_logo_boussole : taille du logo de la boussole. 0 ou vide correspond à aucun logo
17        - type_bulle :          type de bulle d'info parmi dont les valeurs possibles sont :
18                                    + nom_site
19                                    + slogan_site
20                                    + nom_slogan_site correspond a la chaine "nom, slogan"
21                                    + descriptif_site correspond a une intro de 80 caracteres du descriptif
22                                    Pour ce modele, vide correspond a aucune bulle
23        - taille_logo_site: taille max du logo de chaque site (en pixels). 0 ou vide correspond à aucun logo
24        - titre_menu_mobile :    Titre du menu en mode mobile
25        - div_id : id du div englobant. Vide correspond a aucun id
26           
27    css généré utilisable directement en production
28        [<link rel="stylesheet" href="(#CHEMIN{css/boussole_topnav.css})" type="text/css" />]
29
30        <INCLURE{fond=modeles/boussole_topnav,
31                boussole=spip,
32                titre_boussole=oui,
33                taille_logo_boussole=24,
34                taille_logo_site=16,
35                type_bulle=descriptif_site,
36                titre_menu_mobile=Spip Net} />
37-->]
38<B_groupe>
39<div[ id="(#ENV{div_id})"] class="menu_container spip-theme full_width">
40        <div class="mobile_collapser">
41                <label for="hidden_menu_collapser">
42                        <span class="mobile_menu_icon"></span>
43                        [(#ENV{titre_menu_mobile})]
44                </label>
45        </div>
46        <input id="hidden_menu_collapser" type="checkbox">
47        <ul>
48        [(#ENV{titre_boussole, non}|=={oui}|ou{#ENV{taille_logo_boussole}|>{0}}|oui)
49                <li>
50                        <a[ href="(#BOUSSOLE_INFOS{#ENV{boussole}}|table_valeur{demo}|sinon{#})"][ alt="(#ENV{boussole}|strtoupper)"]>
51                        [(#ENV{taille_logo_boussole}|>{0}|oui)
52                                [(#BOUSSOLE_INFOS{#ENV{boussole}}|table_valeur{logo}|image_reduire{#ENV{taille_logo_boussole}}|image_recadre{#ENV{taille_logo_boussole},#ENV{taille_logo_boussole},center,transparent})]
53                        ]
54                        [(#ENV{titre_boussole, non}|=={oui}|oui)
55                                [(#ENV{boussole}|boussole_traduire{nom_boussole})]
56                        ]
57                        </a>
58                </li>
59        ]
60<BOUCLE_groupe(BOUSSOLES){fusion aka_groupe}{aka_boussole=#ENV{boussole}}{affiche=oui}{par rang_groupe}>
61                <li>
62                        <a href="#">[(#AKA_BOUSSOLE|boussole_traduire{nom_groupe, #AKA_GROUPE})]</a>
63                        <b class="caret"></b>
64                        [(#REM) <!-- Liste des site du groupe en cours -->]
65                        <B_site>
66                        <div class="menu_dropdown_block">
67                                <div class="ssmenu_container">
68                                        <ul class="menu_submenu">
69                        <BOUCLE_site(BOUSSOLES){aka_boussole}{aka_groupe}{affiche=oui}{par rang_site}>
70                                                [(#SET{bulle, [(#AKA_BOUSSOLE|boussole_traduire{#ENV{type_bulle}, #AKA_SITE}|couper{80})]})]
71                                                <li>
72                                                        <a rel="external" href="#URL_SITE"[ title="(#GET{bulle}|attribut_html)"] class="spip_out">
73                                                                [(#CHEMIN{images/boussole/site[-(#AKA_BOUSSOLE)][-(#AKA_SITE)].png}
74                                                                        |image_reduire{#ENV{taille_logo_site}}
75                                                                        |image_recadre{#ENV{taille_logo_site},#ENV{taille_logo_site},center,transparent}
76                                                                        |inserer_attribut{alt,[(#GET{bulle}|attribut_html)]})]
77                                                                [(#AKA_BOUSSOLE|boussole_traduire{nom_site, #AKA_SITE})]
78                                                        </a>
79                                                </li>
80                        </BOUCLE_site>
81                                        </ul>
82                                </div>
83                        </div>
84                        </B_site>
85                </li>
86</BOUCLE_groupe>
87        </ul>
88</div>
89</B_groupe>
Note: See TracBrowser for help on using the repository browser.