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

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

Synchronisation de la boussole v0 avec le commit v2 75881

File size: 4.0 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                                                possible de passer directement le texte à afficher si différent de oui/non.
17        - titre_boussole_mobile : Titre de la boussole en mode mobile
18        - lien_boussole :       lien à afficher sur le titre de la boussole. Vide correspond au lien de demo si il existe.
19        - taille_logo_boussole : taille du logo de la boussole. 0 ou vide correspond à aucun logo
20        - type_bulle :          type de bulle d'info parmi dont les valeurs possibles sont :
21                                    + nom_site
22                                    + slogan_site
23                                    + nom_slogan_site correspond a la chaine "nom, slogan"
24                                    + descriptif_site correspond a une intro de 80 caracteres du descriptif
25                                    Pour ce modele, vide correspond a aucune bulle
26        - taille_logo_site: taille max du logo de chaque site (en pixels). 0 ou vide correspond à aucun logo
27        - div_id : id du div englobant. Vide correspond a aucun id
28
29    css généré utilisable directement en production
30        [<link rel="stylesheet" href="(#CHEMIN{css/boussole_topnav.css})" type="text/css" />]
31
32        <INCLURE{fond=modeles/boussole_topnav,
33                boussole=spip,
34                titre_boussole=oui,
35                taille_logo_boussole=24,
36                taille_logo_site=16,
37                type_bulle=descriptif_site,
38                titre_boussole_mobile=SPIP} />
39-->]
40<B_groupe>
41<div[ id="(#ENV{div_id})"] class="menu_container spip-theme full_width">
42        <div class="mobile_collapser">
43                <label for="hidden_menu_collapser">
44                        <span class="mobile_menu_icon"></span>
45                        [(#ENV{titre_boussole_mobile})]
46                </label>
47        </div>
48        <input id="hidden_menu_collapser" type="checkbox">
49        <ul>
50        [(#ENV{titre_boussole, non}|!={non}|ou{#ENV{taille_logo_boussole}|>{0}}|oui)
51                <li>
52                        <a[ href="(#ENV{lien_boussole, #BOUSSOLE_INFOS{#ENV{boussole}}|table_valeur{demo}}|sinon{#})"][ alt="(#ENV{boussole}|strtoupper)"]>
53                        [(#ENV{taille_logo_boussole}|>{0}|oui)
54                                [(#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})]
55                        ]
56                        [(#ENV{titre_boussole, non}|=={oui}|oui)
57                                [(#ENV{boussole}|boussole_traduire{nom_boussole})]
58                        ]
59                        [(#ENV{titre_boussole, non}|!={oui}|et{#ENV{titre_boussole, non}|!={non}}|oui)
60                                [(#ENV{titre_boussole})]
61                        ]
62                        </a>
63                </li>
64        ]
65<BOUCLE_groupe(BOUSSOLES){fusion aka_groupe}{aka_boussole=#ENV{boussole}}{affiche=oui}{par rang_groupe}>
66                <li>
67                        <a href="#">[(#AKA_BOUSSOLE|boussole_traduire{nom_groupe, #AKA_GROUPE})]</a>
68                        <b class="caret"></b>
69                        [(#REM) <!-- Liste des site du groupe en cours -->]
70                        <B_site>
71                        <div class="menu_dropdown_block">
72                                <div class="ssmenu_container">
73                                        <ul class="menu_submenu">
74                        <BOUCLE_site(BOUSSOLES){aka_boussole}{aka_groupe}{affiche=oui}{par rang_site}>
75                                                [(#SET{bulle, [(#AKA_BOUSSOLE|boussole_traduire{#ENV{type_bulle}, #AKA_SITE}|couper{80})]})]
76                                                <li>
77                                                        <a rel="external" href="#URL_SITE"[ title="(#GET{bulle}|attribut_html)"] class="spip_out">
78                                                                [(#CHEMIN{images/boussole/site[-(#AKA_BOUSSOLE)][-(#AKA_SITE)].png}
79                                                                        |image_reduire{#ENV{taille_logo_site}}
80                                                                        |image_recadre{#ENV{taille_logo_site},#ENV{taille_logo_site},center,transparent}
81                                                                        |inserer_attribut{alt,[(#GET{bulle}|attribut_html)]})]
82                                                                [(#AKA_BOUSSOLE|boussole_traduire{nom_site, #AKA_SITE})]
83                                                        </a>
84                                                </li>
85                        </BOUCLE_site>
86                                        </ul>
87                                </div>
88                        </div>
89                        </B_site>
90                </li>
91</BOUCLE_groupe>
92        </ul>
93</div>
94</B_groupe>
Note: See TracBrowser for help on using the repository browser.