| 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{images/boussole/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{images/boussole/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{images/boussole/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> |
|---|
