source: spip-zone/_plugins_/boussole/trunk/modeles/boussole_topnav.html @ 75305

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

Correction de l'inclusion des css dans la démo.
Ajout de commentaires dans le modèle topnav pour la taille des logos.
Incrément de version

  • Property svn:eol-style set to native
File size: 3.9 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        - type_bulle :          type de bulle d'info parmi dont les valeurs possibles sont :
17                                    + nom_site
18                                    + slogan_site
19                                    + nom_slogan_site correspond a la chaine "nom, slogan"
20                                    + descriptif_site correspond a une intro de 100 caracteres du descriptif
21                                    Pour ce modele, vide correspond a aucune bulle
22        - taille_logo :         taille max du logo de chaque site (en pixels). Vide correspond a 40
23        - titre_menu_mobile :    Titre du menu en mode mobile
24           
25            Fichier de travail .less à utiliser ou dupliquer pour modifier le menu
26        [<link rel="stylesheet" href="(#CHEMIN{css/boussole_topnav.less}|less_css)" type="text/css" />]
27            ou bien 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=24,
34                type_bulle=descriptif_site,
35                titre_menu_mobile=Spip Net} />
36-->]
37<B_groupe>
38<div id="boussole" class="menu_container spip-theme full_width">
39    <div class="mobile_collapser">
40        <label for="hidden_menu_collapser">
41                        <span class="mobile_menu_icon"></span>
42                        [(#ENV{titre_menu_mobile})]
43                </label>
44    </div>
45    <input id="hidden_menu_collapser" type="checkbox">
46    <ul>
47        [(#ENV{titre_boussole, non}|=={oui}|oui)
48                [<li>
49            <a[ href="(#BOUSSOLE_INFOS{#ENV{boussole}}|table_valeur{demo}|sinon{#})"]>
50                                (#ENV{boussole}|boussole_traduire{nom_boussole})
51                        </a>
52        </li>]
53        ]
54<BOUCLE_groupe(BOUSSOLES){fusion aka_groupe}{aka_boussole=#ENV{boussole}}{affiche=oui}{par rang_groupe}>
55        <li>
56            <a href="#">[(#AKA_BOUSSOLE|boussole_traduire{nom_groupe, #AKA_GROUPE})]</a>
57            [(#REM) <!-- Liste des site du groupe en cours -->]
58                        <B_site>
59            <div class="menu_dropdown_block">
60                <div class="ssmenu_container">
61                    <ul class="menu_submenu">
62                        <BOUCLE_site(BOUSSOLES){aka_boussole}{aka_groupe}{affiche=oui}{par rang_site}>
63                                [(#SET{bulle, [(#AKA_BOUSSOLE|boussole_traduire{#ENV{type_bulle}, #AKA_SITE}|couper{100})]})]
64                                <li>
65                                    <a rel="external" href="#URL_SITE"[ title="(#GET{bulle}|couper{80}|attribut_html)"] class="spip_out">
66                                        <BOUCLE_logo_site(BOUSSOLES_EXTRAS){aka_boussole}{type_objet=site}{aka_objet=#AKA_SITE}>
67                                                [(#CHAMP_SQL{logo_objet}
68                                                |image_reduire{#ENV{taille_logo, 40}}
69                                                |image_recadre{#ENV{taille_logo, 40},#ENV{taille_logo, 40},center,transparent}
70                                                |inserer_attribut{alt,[(#GET{bulle}|couper{60}|attribut_html)]})] 
71                                        </BOUCLE_logo_site>   
72                                        [(#AKA_BOUSSOLE|boussole_traduire{nom_site, #AKA_SITE})]
73                                    </a>
74                                </li>
75                        </BOUCLE_site>
76                    </ul>
77                </div>
78            </div>
79                        </B_site>
80        </li>
81</BOUCLE_groupe>
82    </ul>
83</div>
84</B_groupe>
Note: See TracBrowser for help on using the repository browser.