source: spip-zone/_plugins_/boussole/modeles/boussole_panorama_sepia.html @ 54890

Last change on this file since 54890 was 54890, checked in by romy@…, 9 years ago

Améliorons l'accessibilité de la boussole :

  • « logo xxx » n'est pas une alternative pertinente
  • mieux vaut alt et title identiques pour les images-liens
  • attributs correctement filtrés
  • et le selecteur css spip_out sur les liens externes ;)

Cf.: http://romy.tetue.net/remplir-les-attributs-alt-et-title-dans-spip

File size: 2.8 KB
Line 
1[(#REM) <!--  MODELE DE BOUSSOLE
2
3        BOUSSOLE_PANORAMA_SEPIA
4        Galerie de logos sepia avec bulle d'info pour chaque site.
5        Seuls les sites configures comme tel sont affiches.
6        Le classement se fait par rang de groupe, puis rang de site dans le groupe.
7-->]
8
9[(#REM) <!-- UTILISATION
10
11        - boussole :            alias de la boussole a afficher. spip, pour la galaxie SPIP
12        - titre_boussole :      indicateur oui/non d'affichage du titre de la boussole. Vide correspond a non
13        - taille_logo :         taille max du logo de chaque site (en pixels). Vide correspond a 40
14        - type_bulle :          type de bulle d'info parmi dont les valeurs possibles sont :
15                                                + nom_site
16                                                + slogan_site
17                                                + nom_slogan_site correspond a la chaine "nom, slogan"
18                                                + descriptif_site correspond a une intro de 100 caracteres du descriptif
19                                                Pour ce modele, vide correspond a nom_slogan_site
20        - div_id :                      id du div englobant. Vide correspond a aucun id
21        - div_class :           classe css du div englobant. Vide correspond a aucune classe
22        - a_class :                     classe css de l'ancre englobant le logo. Vide correspond a aucune classe
23        - aka_groupe :          filtre par groupe. Vide correspond a tous les groupes de la boussole
24
25        - sepia :                       couleur de sepia (image au repos) en 6 caracteres sans le #
26                                                par defaut un gris clair.
27-->]
28
29<B_boussole>
30<div[ id="(#ENV{div_id})"][ class="(#ENV{div_class})"]>
31[(#ENV{titre_boussole, non}|=={oui}|oui)
32        [<h2>(#ENV{boussole}|boussole_traduire{nom_boussole})</h2>]
33]
34<BOUCLE_boussole(BOUSSOLES){aka_boussole=#ENV{boussole}}{affiche=oui}{aka_groupe?}{par rang_groupe, rang_site}>
35        [(#SET{bulle, [(#AKA_BOUSSOLE|boussole_traduire{#ENV{type_bulle, nom_slogan_site}, #AKA_SITE})]})]
36        [<a rel="external" href="#URL_SITE"[ title="(#GET{bulle}|couper{80}|attribut_html)"] class="spip_out[ (#ENV{a_class})]">
37                (#CHEMIN{prive/themes/spip/images/site[-(#AKA_BOUSSOLE)][-(#AKA_SITE)].png}
38                        |image_reduire{#ENV{taille_logo, 40}}
39                        |image_recadre{#ENV{taille_logo, 40},#ENV{taille_logo, 40},center,transparent}
40                        |inserer_attribut{class,spip_logos}
41                        |inserer_attribut{alt,[(#GET{bulle}|couper{60}|attribut_html)]}
42                        |image_sepia{#ENV{sepia,bbbbbb}}
43                                |inserer_attribut{onmouseover, [this.src='(#CHEMIN{prive/themes/spip/images/site[-(#AKA_BOUSSOLE)][-(#AKA_SITE)].png}
44                                        |image_reduire{#ENV{taille_logo, 40}}
45                                        |inserer_attribut{class,spip_logos}
46                                        |inserer_attribut{alt,[(#GET{bulle}|couper{60}|attribut_html)]}
47                                        |extraire_attribut{src})']}
48                                |inserer_attribut{onmouseout, [this.src='(#CHEMIN{prive/themes/spip/images/site[-(#AKA_BOUSSOLE)][-(#AKA_SITE)].png}
49                                        |image_reduire{#ENV{taille_logo, 40}}
50                                        |inserer_attribut{class,spip_logos}
51                                        |inserer_attribut{alt,[(#GET{bulle}|couper{60}|attribut_html)]}
52                                        |image_sepia{#ENV{sepia,bbbbbb}}
53                                        |extraire_attribut{src})']})
54        </a>]
55</BOUCLE_boussole>
56</div>
57</B_boussole>
Note: See TracBrowser for help on using the repository browser.