source: spip-zone/_squelettes_/escal/branche_V3/formulaires/configurer_escal_bandeau.html @ 88489

Last change on this file since 88489 was 88489, checked in by jcvilleneuve@…, 5 years ago

EscalV3 : ajout d'une nouvelle option : afficher le logo de flux RSS de chaque rubrique et/ou de chaque sous-rubrique avec le lien vers la page du flux

File size: 14.7 KB
Line 
1<!-- Elements -->
2    <div class="formulaire_spip formulaire_configurer formulaire_#FORM">
3
4    <h3 class="titrem">[(#CHEMIN_IMAGE{configbandeau.png}|balise_img{'',cadre-icone})]Bandeau</h3>
5    [<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
6    [<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
7    <form method="post" action="#ENV{action}">
8    <div>
9    #ACTION_FORMULAIRE{#ENV{action}}
10
11
12<!------------------------------>
13<!-- Gérer l'image du bandeau -->
14<!------------------------------>
15<a class="spip_out" href="http://www2.ac-lyon.fr/services/escal/spip.php?article25&lang=fr" title="Voir la documentation"><strong>Documentation</strong></a>
16     <ul>
17            <li class="editer [ (#GET{erreurs}|oui)erreur]">
18
19                    <label><strong>choix de l'option pour l'image du bandeau</strong></label>
20                    <br />
21            <div class="explication">
22              #SET{name,optionbandeau}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
23              <strong>Option 1</strong> : affichage du logo d'Escal (par défaut)<br />
24              <strong>Option 2</strong> : affichage du logo du site<br />
25              <strong>Option 3</strong> : affichage d'un bandeau personnalisé<br />
26              <strong>Option 4</strong> : aucune image<br />
27              <br />
28                    [<span class='erreur_message'>(#GET{erreurs})</span>
29                    ]<span class="choix" style="float: right">
30                            <input type="radio" name="#GET{name}" id="#GET{name}_option1" value="option1"
31                            [(#ENV{#GET{name}}|=={option1}|oui)checked="checked"] /><label for="#GET{name}_oui">option 1</label>
32                            <input type="radio" name="#GET{name}" id="#GET{name}_option2" value="option2"
33                            [(#ENV{#GET{name}}|=={option2}|oui)checked="checked"] [(#ENV{#GET{name}}|=={""}|oui)checked="checked"] /><label for="#GET{name}_oui">option 2</label>
34                            <input type="radio" name="#GET{name}" id="#GET{name}_option3" value="option3"
35                            [(#ENV{#GET{name}}|=={option3}|oui)checked="checked"] /><label for="#GET{name}_oui">option 3</label>
36                            <input type="radio" name="#GET{name}" id="#GET{name}_option4" value="option4"
37                            [(#ENV{#GET{name}}|=={option4}|oui)checked="checked"] /><label for="#GET{name}_oui">option 4</label>
38                    </span>
39              <br /><br /><br />
40
41              Si votre image de bandeau n'occupe pas toute la largeur, vous pouvez choisir sa position.<br />
42              Attention néanmoins aux "effets de bords" si vous affichez le nom du  site, son slogan ou son descriptif.
43              <br /><br />
44              #SET{name,alignbandeau}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
45              Position de l'image du bandeau <br />
46                    [<span class='erreur_message'>(#GET{erreurs})</span>
47                    ]<span class="choix" style="float: right">
48                            <input type="radio" name="#GET{name}" id="#GET{name}_left" value="left"
49                            [(#ENV{#GET{name}}|=={left}|oui)checked="checked"] [(#ENV{#GET{name}}|non)checked="checked"] /><label for="#GET{name}_oui">À gauche</label>
50
51                            <input type="radio" name="#GET{name}" id="#GET{name}_center" value="center"
52                            [(#ENV{#GET{name}}|=={center}|oui)checked="checked"] /><label for="#GET{name}_non">Au centre</label>
53
54                            <input type="radio" name="#GET{name}" id="#GET{name}_right" value="right"
55                            [(#ENV{#GET{name}}|=={right}|oui)checked="checked"] /><label for="#GET{name}_non">À droite</label>
56                    </span>
57              <br /><br /><br />
58             </div>
59            </li>
60
61            <li class="editer [ (#GET{erreurs}|oui)erreur]">
62            <label><strong>Pour l'option 3</strong></label>
63            <div class="explication">
64              #SET{name,fondbandeau}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
65              - votre image doit être placée dans /squelettes/images/bandeau <br />
66              - cette image sera "responsive" si l'écran fait moins de 640px de large <br />
67              - toutes les images .jpg .png et .gif de ce répertoire seront listées. <br />
68              - avec Firefox, vous aurez même un aperçu de votre bandeau en direct !
69              <br /><br />
70                    [<span class='erreur_message'>(#GET{erreurs})</span>
71                    ]<div class="choix">
72
73<script type="text/javascript">
74      function descriptifOption(id, display, text){
75          document.getElementById(id).innerHTML = document.getElementById(text).innerHTML;
76          if (display == "over") {
77            document.getElementById(id).display = "none";
78          } else {
79            document.getElementById(id).display = "block";
80          }
81      }
82      function descriptifChange(id){
83          var optionValue = "option"+document.getElementById("imgbandeau").value;
84          document.getElementById(id).innerHTML = document.getElementById(optionValue).innerHTML;
85      }
86</script>
87                  <div style="height:100px;background-color:[(#CONFIG{escal/config/couleur3,#336699})]" id="desc">
88                 
89                      [(#CONFIG{escal/config/optionbandeau}|non)
90                      [(#LOGO_SITE_SPIP|?{
91                        <a href="[(#URL_SITE_SPIP|parametre_url{lang,#ENV{lang}})]" title="<:escal:accueil:>" >
92                        [(#LOGO_SITE_SPIP|image_reduire{388})]
93                        </a>
94                        ,
95                        <a href="[(#URL_SITE_SPIP|parametre_url{lang,#ENV{lang}})]" title="<:escal:accueil:>" >
96                        [(#CHEMIN{images/bandacad.jpg}|balise_img{<:escal:bandeau:>}|image_reduire{388})]
97                        </a>
98                      })]
99                      ]
100
101                      [(#CONFIG{escal/config/optionbandeau}|=={option1}|oui)
102                        <a href="[(#URL_SITE_SPIP|parametre_url{lang,#ENV{lang}})]" title="<:escal:accueil:>" >
103                        [(#CHEMIN{images/bandacad.jpg}|balise_img{<:escal:bandeau:>}|image_reduire{388})]
104                        </a>
105                      ]
106
107                      [(#CONFIG{escal/config/optionbandeau}|=={option2}|oui)
108                        <a href="[(#URL_SITE_SPIP|parametre_url{lang,#ENV{lang}})]" title="<:escal:accueil:>" >
109                        [(#LOGO_SITE_SPIP|image_reduire{388})]
110                        </a>
111                      ]
112
113                      [(#CONFIG{escal/config/optionbandeau}|=={option3}|oui)
114                        <a href="[(#URL_SITE_SPIP|parametre_url{lang,#ENV{lang}})]" title="<:escal:accueil:>" >
115                        [(#CONFIG{escal/config/fondbandeau}|?{
116                        [(#CHEMIN{[(#CONFIG{escal/config/fondbandeau})]}|balise_img{<:escal:bandeau:>}|image_reduire{388})]
117                        ,
118                        [(#CHEMIN{[(#CONFIG{escal/config/fondbandeau2})]}|balise_img{<:escal:bandeau:>}|image_reduire{388})]
119                      })]
120                      </a>
121                      ]
122
123                  </div>
124                  <div id="option0" style="display: none;">
125                        [(#CHEMIN{images/bandacad.jpg}|balise_img{<:escal:bandeau:>}|image_reduire{388})]
126                  </div>
127                  <BOUCLE_affiche_image(DATA){source glob, ../squelettes/images/bandeau/{*.jpg,*.png,*.gif}}>
128                                                                                #SET{val2,#VALEUR|replace{../squelettes/}}
129                                                                                <div id="option#COMPTEUR_BOUCLE" style="display: none;">
130                                                                                [(#VALEUR|balise_img{<:escal:bandeau:>}|image_reduire{387})]
131                    </div>
132                                                                        </BOUCLE_affiche_image>
133                                                                        <br />
134                  <select name="#GET{name}" class="select" id="imgbandeau" onchange="descriptifChange('desc');">
135                  <option
136                    onmouseout="descriptifOption('desc', 'out', 'option0')"
137                    onmouseover="descriptifOption('desc', 'over', 'option0')"
138                    value="">
139                  Aucune image de remplacement
140                  </option>
141                                                                        <BOUCLE_choix_image(DATA){source glob, ../squelettes/images/bandeau/{*.jpg,*.png,*.gif}}>
142                                                                                #SET{val,#VALEUR|replace{../squelettes/}}
143                                                                                <option
144                                                                                  onmouseout="descriptifOption('desc', 'out', 'option#COMPTEUR_BOUCLE')"
145                      onmouseover="descriptifOption('desc', 'over', 'option#COMPTEUR_BOUCLE')"
146                      value="#GET{val}"[(#ENV{#GET{name}}|=={#GET{val}}|?{'selected="selected"',''})]>
147                    #VALEUR
148                    </option>
149                                                                        </BOUCLE_choix_image>
150                  </select>
151                <br /><br />
152                #SET{name,fondbandeau2}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
153                Et si votre hébergeur ne permet pas de lister les fichiers présents,
154                vous pouvez indiquer ici le chemin de votre fichier image.<br />
155                exemple : images/bandeau/bandeau.jpg<br />
156                si votre fichier bandeau.jpg est dans squelettes/images/bandeau
157                    [<span class='erreur_message'>(#GET{erreurs})</span>
158                    ]<span class="choix">
159                             <input type="texte" style="width:380px" name="#GET{name}" id="#GET{name}" value="#ENV{#GET{name}}"  />
160                    </span>
161
162
163              <br /><br />
164              Un bandeau en fonction du secteur ?<br />
165              Si votre dossier /squelettes/images/bandeau contient une image appelée rubriqueXX.jpg où XX est le numéro d'un secteur,
166              alors ce secteur, ses sous-rubriques et leurs articles afficheront ce bandeau.
167              Les autres afficheront le bandeau défini au-dessus.
168
169                    </div>
170              <br />
171            </div>
172            </li>
173           
174            <li class="editer [ (#GET{erreurs}|oui)erreur]">
175              <label><strong>choix des textes du bandeau</strong></label>
176              <br />
177            <div class="explication">
178              #SET{name,nomsite}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
179              Nom du site présent
180                    [<span class='erreur_message'>(#GET{erreurs})</span>
181                    ]<span class="choix" style="float: right">
182                            <input type="radio" name="#GET{name}" id="#GET{name}_oui" value="oui"
183                            [(#ENV{#GET{name}}|=={non}|non)checked="checked"] /><label for="#GET{name}_oui"><:item_oui:></label>
184
185                            <input type="radio" name="#GET{name}" id="#GET{name}_non" value="non"
186                            [(#ENV{#GET{name}}|=={non}|oui)checked="checked"] /><label for="#GET{name}_non"><:item_non:></label>
187                    </span>
188                    <br />
189              #SET{name,nomsitetaille}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
190              Taille des caractères en pixels
191                    [<span class='erreur_message'>(#GET{erreurs})</span>
192                    ]<span class="choix">
193                             <input type="texte" style="width:30px" name="#GET{name}" id="#GET{name}" value="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},50})]"  />
194                    </span>
195            </div>
196            </li>
197
198            <li class="editer [ (#GET{erreurs}|oui)erreur]">
199            <div class="explication">
200              #SET{name,slogansite}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
201              Slogan du site présent
202                    [<span class='erreur_message'>(#GET{erreurs})</span>
203                    ]<span class="choix" style="float: right">
204                            <input type="radio" name="#GET{name}" id="#GET{name}_oui" value="oui"
205                            [(#ENV{#GET{name}}|=={non}|non)checked="checked"] /><label for="#GET{name}_oui"><:item_oui:></label>
206
207                            <input type="radio" name="#GET{name}" id="#GET{name}_non" value="non"
208                            [(#ENV{#GET{name}}|=={non}|oui)checked="checked"] /><label for="#GET{name}_non"><:item_non:></label>
209                    </span>
210                    <br />
211              #SET{name,slogansitetaille}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
212              Taille des caractères en pixels
213                    [<span class='erreur_message'>(#GET{erreurs})</span>
214                    ]<span class="choix">
215                             <input type="texte" style="width:30px" name="#GET{name}" id="#GET{name}" value="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},25})]"  />
216                    </span>
217            </div>
218            </li>
219
220            <li class="editer [ (#GET{erreurs}|oui)erreur]">
221            <div class="explication">
222              #SET{name,descriptifsite}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
223              Descriptif du site présent
224                    [<span class='erreur_message'>(#GET{erreurs})</span>
225                    ]<span class="choix" style="float: right">
226                            <input type="radio" name="#GET{name}" id="#GET{name}_oui" value="oui"
227                            [(#ENV{#GET{name}}|=={non}|non)checked="checked"] /><label for="#GET{name}_oui"><:item_oui:></label>
228
229                            <input type="radio" name="#GET{name}" id="#GET{name}_non" value="non"
230                            [(#ENV{#GET{name}}|=={non}|oui)checked="checked"] /><label for="#GET{name}_non"><:item_non:></label>
231                    </span>
232                    <br />
233              #SET{name,descriptifsitetaille}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
234              Taille des caractères en pixels
235                    [<span class='erreur_message'>(#GET{erreurs})</span>
236                    ]<span class="choix">
237                             <input type="texte" style="width:30px" name="#GET{name}" id="#GET{name}" value="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},12})]"  />
238                    </span>
239            </div>
240            </li>
241
242    </ul>
243
244
245<!-------------------------------------------------------------------------------->
246<!-- Stockage des donnees  ------------------------------------------------------->
247<!-------------------------------------------------------------------------------->
248
249    <input type="hidden" name="_meta_casier" value="escal/config" />
250    <br /><br />
251        <p class="boutons"><span class='image_loading'>&nbsp;</span>
252  <input type="submit" name="enregistrer" class="submit" value="<:bouton_valider:>" />
253        </p>
254  </div>
255    </form>
256    </div>
Note: See TracBrowser for help on using the repository browser.