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

Last change on this file since 75304 was 75304, checked in by arnaud.berard@…, 7 years ago
  • précisions sur les less et css dans les commentaires du modèle
  • ajout de la taille_logo et gestion de icones dans les menus listant les sites
  • Correction sur les couleurs de lien, les sous-menus ne décale plus les menu de niveau 1 au survol, ...
  • css minifié
  • Property svn:eol-style set to native
File size: 3.8 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        - titre_menu_mobile :    Titre du menu en mode mobile
23           
24            Fichier de travail .less à utiliser ou dupliquer pour modifier le menu
25        [<link rel="stylesheet" href="(#CHEMIN{css/boussole_topnav.less}|less_css)" type="text/css" />]
26            ou bien css généré utilisable directement en production
27        [<link rel="stylesheet" href="(#CHEMIN{css/boussole_topnav.css})" type="text/css" />]
28
29        <INCLURE{fond=modeles/boussole_topnav,
30                boussole=spip,
31                titre_boussole=oui,
32                taille_logo=24,
33                type_bulle=descriptif_site,
34                titre_menu_mobile=Spip Net} />
35-->]
36<B_groupe>
37<div id="boussole" class="menu_container spip-theme full_width">
38    <div class="mobile_collapser">
39        <label for="hidden_menu_collapser">
40                        <span class="mobile_menu_icon"></span>
41                        [(#ENV{titre_menu_mobile})]
42                </label>
43    </div>
44    <input id="hidden_menu_collapser" type="checkbox">
45    <ul>
46        [(#ENV{titre_boussole, non}|=={oui}|oui)
47                [<li>
48            <a[ href="(#BOUSSOLE_INFOS{#ENV{boussole}}|table_valeur{demo}|sinon{#})"]>
49                                (#ENV{boussole}|boussole_traduire{nom_boussole})
50                        </a>
51        </li>]
52        ]
53<BOUCLE_groupe(BOUSSOLES){fusion aka_groupe}{aka_boussole=#ENV{boussole}}{affiche=oui}{par rang_groupe}>
54        <li>
55            <a href="#">[(#AKA_BOUSSOLE|boussole_traduire{nom_groupe, #AKA_GROUPE})]</a>
56            [(#REM) <!-- Liste des site du groupe en cours -->]
57                        <B_site>
58            <div class="menu_dropdown_block">
59                <div class="ssmenu_container">
60                    <ul class="menu_submenu">
61                        <BOUCLE_site(BOUSSOLES){aka_boussole}{aka_groupe}{affiche=oui}{par rang_site}>
62                                [(#SET{bulle, [(#AKA_BOUSSOLE|boussole_traduire{#ENV{type_bulle}, #AKA_SITE}|couper{100})]})]
63                                <li>
64                                    <a rel="external" href="#URL_SITE"[ title="(#GET{bulle}|couper{80}|attribut_html)"] class="spip_out">
65                                        <BOUCLE_logo_site(BOUSSOLES_EXTRAS){aka_boussole}{type_objet=site}{aka_objet=#AKA_SITE}>
66                                                [(#CHAMP_SQL{logo_objet}
67                                                |image_reduire{#ENV{taille_logo, 40}}
68                                                |image_recadre{#ENV{taille_logo, 40},#ENV{taille_logo, 40},center,transparent}
69                                                |inserer_attribut{alt,[(#GET{bulle}|couper{60}|attribut_html)]})] 
70                                        </BOUCLE_logo_site>   
71                                        [(#AKA_BOUSSOLE|boussole_traduire{nom_site, #AKA_SITE})]
72                                    </a>
73                                </li>
74                        </BOUCLE_site>
75                    </ul>
76                </div>
77            </div>
78                        </B_site>
79        </li>
80</BOUCLE_groupe>
81    </ul>
82</div>
83</B_groupe>
Note: See TracBrowser for help on using the repository browser.