source: spip-zone/_plugins_/top_bando/fonds/cfg_top_bando.html @ 36736

Last change on this file since 36736 was 36736, checked in by gilles.vincent@…, 11 years ago

Documentation au format PHPDoc
+ indentation
+ suppression des accents des commentaires pour les fichiers qui ne sont pas en utf8

File size: 42.6 KB
Line 
1<!-- titre=<:topbando:titre_top_bando:> -->
2<!-- icone=plugin-32.png-->
3<!-- boite=<:topbando:configuration_top_bando:> -->
4
5[(#PLUGIN{autorite}|oui)
6<!-- autoriser=webmestre -->
7<!-- refus=Seuls les webmestres du site sont autoris&#233;s &#224;
8modifier les param&#232;tres. Pour en savoir plus,
9voir <a href="http://www.spip-contrib.net/-Autorite-">la documentation</a>. -->
10]
11[(#PLUGIN{autorite}|non)
12<!-- autoriser=0minirezo -->
13<!-- refus=Seuls les administrateurs du site sont autoris&#233;s &#224;
14modifier ces param&#232;tres.  -->
15]
16
17<!-- descriptif=
18<h4><:topbando:descriptif_configuration:></h4>
19-->
20
21<!-- head=
22       
23        <style type="text/css">
24        table.def td{padding-left:1em; padding-right:1em;}
25  .previsu_titre:hover, .previsu_logo:hover, .oeil_voir:hover { cursor: pointer; }
26  #bando_logo, #bando_titre { border: solid 1px #DDD; }
27        </style>
28
29-->
30#CACHE{0}
31<!--
32[(#SET{largeur_entete,[(#ENV{largeur_entete}|=={100%}|?{[(#LOGO_SITE_SPIP_SURVOL||largeur|sinon{2000})],[(#ENV{largeur_entete,[(#LOGO_SITE_SPIP_SURVOL||largeur|sinon{2000})]})]})]})]<br>let: #GET{largeur_entete}
33[(#REM) attention! la y'a une mauvaise bidouille entre hauteur bandeau et hauteur entete tant que les  sont confondus...!!!]
34[(#SET{hauteur_entete,[(#ENV{hauteur_bando,[(#LOGO_SITE_SPIP_SURVOL||hauteur|sinon{200})]})]})]<br>het: #GET{hauteur_entete}
35
36[(#SET{largeur_bando,[(#LOGO_SITE_SPIP_SURVOL||largeur|sinon{[(#GET{largeur_entete})]})]})]<br>lb: #GET{largeur_bando}
37[(#SET{hauteur_bando,[(#LOGO_SITE_SPIP_SURVOL||hauteur|sinon{[(#GET{hauteur_entete})]})]})]<br>hb: #GET{hauteur_bando}
38
39
40[(#SET{fact_reduc, [(#GET{largeur_bando}|>={[(#GET{largeur_entete})]}|?{[(#VAL{500}|div{[(#GET{largeur_bando})]})],[(#VAL{500}|div{[(#GET{largeur_entete})]})]})]})]<br>fact: #GET{fact_reduc}
41
42[(#SET{largeur_entete_reduite,[(#GET{largeur_entete}|mult{[(#GET{fact_reduc})]})]})]<br>ler: #GET{largeur_entete_reduite}
43[(#SET{hauteur_bando_reduite,[(#GET{hauteur_bando}|mult{[(#GET{fact_reduc})]})]})]<br>hbr: #GET{hauteur_bando_reduite}
44[(#SET{hauteur_entete_reduite,[(#GET{hauteur_entete}|mult{[(#GET{fact_reduc})]})]})]<br>her: #GET{hauteur_entete_reduite}
45
46[(#SET{hauteur_recadre,[(#ENV{hauteur_bando,240}|mult{[(#GET{hauteur_bando_reduite})]}|div{[(#GET{hauteur_bando})]}|round)]})]<br>hrec: #GET{hauteur_recadre}
47[(#SET{topcentrer,[(#GET{hauteur_bando_reduite}|moins{[(#GET{hauteur_recadre})]}|div{2}|round)]})]<br>topcentrer: #GET{topcentrer}
48[(#SET{top,[(#ENV{calage_top_recadrage,centrer}|=={centrer}|?{[(#GET{topcentrer})],[(#ENV{calage_top_recadrage}|mult{[(#GET{fact_reduc})]})]})]})]<br>top: #GET{top}
49
50[(#SET{hauteur_logo,[(#ENV{redimensionner_logo}|=={oui}|?{[(#ENV{hauteur_logo,[(#GET{hauteur_entete})]})],[(#GET{hauteur_entete})]})]})]<br>hl: #GET{hauteur_logo}
51[(#SET{proportion_logo,[(#LOGO_SITE_SPIP||largeur|div{[(#LOGO_SITE_SPIP||hauteur)]})]})]<br>pl: #GET{proportion_logo}
52[(#SET{largeur_logo,[(#GET{hauteur_logo}|mult{[(#GET{proportion_logo})]}|round)]})]<br>ll: #GET{largeur_logo}
53[(#SET{hauteur_logo_reduite,[(#GET{hauteur_logo}|mult{[(#GET{fact_reduc})]}|round)]})]<br>hlr: #GET{hauteur_logo_reduite}
54[(#SET{largeur_logo_reduite,[(#GET{largeur_logo}|mult{[(#GET{fact_reduc})]}|round)]})]<br>llr: #GET{largeur_logo_reduite}
55
56[(#SET{taille_police_reduite, [(#ENV{taille_police}|mult{[(#GET{fact_reduc})]})]})]<br>tpr: #GET{taille_police_reduite}
57[(#SET{largeur_titre_reduite, [(#ENV{largeur_titre}|mult{[(#GET{fact_reduc})]})]})]<br>ltr: #GET{largeur_titre_reduite}
58[(#SET{marge_sup_titre_reduite, [(#ENV{marge_sup_titre}|mult{[(#GET{fact_reduc})]})]})]<br>mstr: #GET{marge_sup_titre_reduite}
59
60[(#SET{titre,[(#ENV{titre_bando}|=={titre_spip}|?{[(#NOM_SITE_SPIP)],[(#ENV{complement_nom_site})]})]})]
61-->
62<script type='text/javascript' src='#CHEMIN{prive/javascript/async_upload.js}'></script>
63[(#VAL**|affiche_upload)]
64
65<script language="JavaScript" type="text/javascript">
66    function initialiser_params(){
67        if (jQuery("#bando_non").attr("checked") == true)
68                jQuery(".details_bando").hide();
69        if (jQuery("#logo_non").attr("checked") == true)
70                jQuery(".details_logo").hide();
71        if (jQuery("#redimensionner_logo_non").attr("checked") == true)
72            jQuery("#voir_redimensionner_logo").hide();
73        if (jQuery("#titre_non").attr("checked") == true)
74                jQuery(".details_titre").hide();
75        if (jQuery("#toutes_bordures_identiques_non").attr("checked") == true)
76                jQuery(".details_bordures").hide();
77        if (jQuery("#fond_transparent_oui").attr("checked") == true) 
78                jQuery(".details_couleur_fond").hide();
79       
80    }
81   
82  // retourne 3 objets donnant param�tres du bando (les dimensions sont *reduites � l'�chelle*)
83  // this.hBando = hauteur en px 
84  // this.H = calage horizontal pour background-image (left/center/right)
85  // this.V = valeur de top en px pour background-image
86    function calages(){
87        var hbando = parseInt(jQuery("#hauteur_bando").val() * [(#GET{fact_reduc})]);
88        var btop = jQuery("#calage_top_recadrage").val();
89        if (parseInt(btop) != NaN)
90                this.V = btop * [(#GET{fact_reduc})];
91        if (btop == "centrer") 
92                this.V = ([(#GET{hauteur_bando_reduite})] - hbando) / 2;
93        this.H = jQuery("input[name='calage_horizontal_bando']:checked").val();
94        this.hBando = hbando;
95    }
96   
97  // g�re l'affichage des bordures selon la config
98    function gerer_bordures(){
99        if (jQuery("input[name='toutes_bordures_identiques']:checked").val() == 'oui') {
100                jQuery("#voir_bordure_unique").show();
101            jQuery(".details_bordures").hide();
102            var bstyle = jQuery("#style_bordure_unique").val();
103            var bcoul = jQuery("#couleur_bordure_unique").val();
104            var bep = (parseInt(jQuery("#epaisseur_bordure_unique").val()) * [(#GET{fact_reduc})]) + 'px';
105            jQuery("#bando_logo, #bando_titre").css({'border': bstyle + ' ' + bcoul + ' ' + bep});
106        }
107        else {
108                jQuery("#voir_bordure_unique").hide();
109            jQuery(".details_bordures").show();
110            Tb = ['top','right','bottom','left'];
111            for (i in Tb){
112                var bstyle = jQuery("#style_bordure_" + Tb[i]).val();
113                var bcoul = jQuery("#couleur_bordure_" + Tb[i]).val();
114                var bep = (parseInt(jQuery("#epaisseur_bordure_" + Tb[i]).val()) * [(#GET{fact_reduc})]) + 'px';
115                jQuery("#bando_logo, #bando_titre").css('border-' + Tb[i], bstyle + ' ' + bcoul + ' ' + bep);
116            }
117        }
118    }
119       
120    jQuery(document).ready(function(){
121     // initialisations
122        initialiser_params();
123        gerer_bordures();
124        calages();
125       
126     // bloc bando   
127        jQuery("input[name='utiliser_bando']").change(function(){
128            if (jQuery("input[name='utiliser_bando']:checked").val() == 'oui') {
129                jQuery("#bando, #bando_logo, #bando_titre").css({'background-image': 'url([(#LOGO_SITE_SPIP_SURVOL||image_reduire{500,0}|extraire_attribut{src})])'});
130                jQuery(".details_bando").show();
131            }
132            else {
133                jQuery("#bando, #bando_logo, #bando_titre").css({'background-image': 'none'});
134                jQuery(".details_bando").hide();
135            }
136        });
137        jQuery("#hauteur_bando").change(function(){
138            dims = new calages;
139            jQuery("#recadre, #bando_logo, #bando_titre").css({height: dims.hBando + "px"});
140            if (jQuery("#redimensionner_logo_non").attr("checked") == true){
141                var ll = Math.round(dims.hBando * [(#GET{proportion_logo})]);
142                jQuery("#img_logo, #img_logo_titre").css({'height': dims.hBando + "px", 'width': ll + 'px'});
143            }
144            jQuery("#recadre").css({top: dims.V + "px"});
145            jQuery("#bando_logo, #bando_titre").css({'background-position' : dims.H + ' -'+ dims.V + "px"});
146        });
147        jQuery("#calage_top_recadrage").change(function(){
148            dims = new calages;
149            jQuery("#recadre").css({top: dims.V + "px"});
150            jQuery("#bando_logo, #bando_titre").css({'background-position': dims.H + ' -' + dims.V + 'px'});
151        });
152        jQuery("input[name='calage_horizontal_bando']").change(function(){
153            dims = new calages;
154            jQuery("#bando_logo, #bando_titre").css({'background-position': dims.H + ' -' + dims.V + 'px'});
155        });
156       
157    // bloc logo
158        jQuery("input[name='utiliser_logo']").change(function(){
159            if (jQuery("input[name='utiliser_logo']:checked").val() == 'oui') {
160                jQuery("#img_logo, #img_logo_titre").css({'display': 'inline'});
161                jQuery(".details_logo").show();
162            }
163            else {
164                jQuery("#img_logo, #img_logo_titre").css({'display': 'none'});
165                jQuery(".details_logo").hide();
166            }
167        });
168        jQuery("input[name='place_logo']").change(function(){ 
169                var cote = jQuery("input[name='place_logo']:checked").val();
170            jQuery("#img_logo, #img_logo_titre").css({'float': cote});
171            var dh = Math.round(parseInt(jQuery("#marge_laterale_logo").val()) * [(#GET{fact_reduc})]);
172            var db = Math.round(parseInt(jQuery("#marge_laterale_logo_bord").val()) * [(#GET{fact_reduc})]);
173            var cote_txt = (cote == 'right' ? 'left' : 'right'); 
174            jQuery("#img_logo, #img_logo_titre").css('margin-' + cote_txt, dh + 'px');
175            jQuery("#img_logo, #img_logo_titre").css('margin-' + cote, db + 'px');
176        });
177        jQuery("input[name='redimensionner_logo']").change(function(){
178            if (jQuery("#redimensionner_logo_non").attr("checked") == true){
179                jQuery("#voir_redimensionner_logo").hide();
180                var hl = parseInt(jQuery("#bando_logo").css("height"));
181                var ll = Math.round(hl * [(#GET{proportion_logo})]);
182                jQuery("#img_logo, #img_logo_titre").css({'height': hl + 'px', 'width': ll + 'px', 'margin-top': 0});
183//                jQuery("#img_logo").css({ 'border': 'none' });
184            }
185            else {
186                jQuery("#voir_redimensionner_logo").show();
187                var hl = Math.round(parseInt(jQuery("#hauteur_logo").val()) * [(#GET{fact_reduc})]);
188                var ll = Math.round(hl * [(#GET{proportion_logo})]);
189                var dv = Math.round(parseInt(jQuery("#marge_sup_logo").val()) * [(#GET{fact_reduc})]);
190                jQuery("#img_logo, #img_logo_titre").css({'height': hl + 'px', 'width': ll + 'px', 'margin-top': dv + 'px'});
191//                jQuery("#img_logo").css({ 'border': 'dashed #ff0 2px;' });
192            }
193        });
194        jQuery("#hauteur_logo").change(function(){
195            var hl = Math.round(parseInt(jQuery(this).val()) * [(#GET{fact_reduc})]);
196            var ll = Math.round(hl * [(#GET{proportion_logo})]);
197            jQuery("#img_logo, #img_logo_titre").css({'height': hl + 'px', 'width': ll + 'px'});
198        });
199        jQuery("#marge_sup_logo").change(function(){
200            var dv = Math.round(parseInt(jQuery(this).val()) * [(#GET{fact_reduc})]);
201            jQuery("#img_logo, #img_logo_titre").css({'margin-top': dv + 'px'});
202        });
203        jQuery("#marge_laterale_logo").change(function(){
204            var dh = Math.round(parseInt(jQuery(this).val()) * [(#GET{fact_reduc})]);
205            var cote_marge = (jQuery("input[name='place_logo']:checked").val() == 'right' ? 'left' : 'right'); 
206            jQuery("#img_logo, #img_logo_titre").css('margin-' + cote_marge, dh + 'px');
207        });       
208        jQuery("#marge_laterale_logo_bord").change(function(){
209            var db = Math.round(parseInt(jQuery(this).val()) * [(#GET{fact_reduc})]);
210            var cote_marge = jQuery("input[name='place_logo']:checked").val(); 
211            jQuery("#img_logo, #img_logo_titre").css('margin-' + cote_marge, db + 'px');
212        });       
213       
214    // bloc couleurs
215        jQuery("input[name='fond_transparent']").change(function(){
216            if (jQuery("input[name='fond_transparent']:checked").val() == 'oui') {
217                jQuery(".details_couleur_fond").hide();
218                jQuery("#bando, #bando_logo, #bando_titre").css('background-color', 'transparent');
219            }
220            else {
221                jQuery(".details_couleur_fond").show();
222                var coul = jQuery("#couleur_principale").val();
223                jQuery("#bando, #bando_logo, #bando_titre").css('background-color', coul);
224            }
225        });
226        jQuery("#couleur_principale").blur( function(){
227                var coul = jQuery(this).val();
228            jQuery("#bando, #bando_logo, #bando_titre").css({'background-color': coul});
229        });
230        jQuery("#couleur_principale_texte").blur( function(){ 
231                var coul = jQuery(this).val();
232            jQuery("#bando, #bando_logo, #bando_titre").css({'color': coul});
233        });
234       
235    // les bordures
236        jQuery("input[name='toutes_bordures_identiques'], .change_bordures").change(gerer_bordures);
237       
238    // bloc titre
239        jQuery("input[name='afficher_titre']").change(function(){
240            if (jQuery("input[name='afficher_titre']:checked").val() == 'oui') 
241                jQuery(".details_titre").show();
242            else jQuery(".details_titre").hide();
243        });
244        jQuery("input[name='emplacement_titre']").change(function(){
245            var cote = jQuery("input[name='emplacement_titre']:checked").val();
246            jQuery("#nom_site_spip").css({'float': cote});
247        });
248        jQuery("#taille_police").change( function(){ 
249                var taille = Math.round(parseInt(jQuery(this).val()) * [(#GET{fact_reduc})]);
250            jQuery("#bando_titre").css({'font-size': taille  +'px'});
251        });
252        jQuery("input[name='alignement_titre']").change(function(){
253            var cote = jQuery("input[name='alignement_titre']:checked").val();
254            jQuery("#bando_titre").css({'text-align': cote});
255        });
256        jQuery("input[name='titre_bando']").change(function(){
257            if (jQuery("input[name='titre_bando']:checked").val() == 'titre_spip') 
258                jQuery("#nom_site_spip").text("[(#NOM_SITE_SPIP)]");
259            else jQuery("#nom_site_spip").text(jQuery("#complement_nom_site").val());
260        });
261        jQuery("#largeur_titre").change( function(){ 
262                var taille = Math.round(parseInt(jQuery(this).val()) * [(#GET{fact_reduc})]);
263            jQuery("#nom_site_spip").css({'width': taille  +'px'});
264        });
265        jQuery("#marge_sup_titre").change( function(){ 
266                var taille = Math.round(parseInt(jQuery(this).val()) * [(#GET{fact_reduc})]);
267            jQuery("#nom_site_spip").css({'padding-top': taille  +'px'});
268        });
269        jQuery("#complement_nom_site").change( function(){ 
270            if (jQuery("#titre_autre").attr("checked") == true) 
271                jQuery("#nom_site_spip").text(jQuery(this).val());
272        });
273        jQuery("input[name='utiliser_image_typo']").change(function(){
274            if (jQuery("input[name='utiliser_image_typo']:checked").val() == 'oui') 
275                jQuery("#voir_justification_titre").hide();
276            else jQuery("#voir_justification_titre").show();
277        });
278       
279       
280    // les previsu avec largeur ecran
281        jQuery(".previsu_logo").click(function(){ 
282            jQuery("#bando_logo").css({'width': jQuery(this).attr('title')}); 
283            jQuery(".previsu_logo").css({'background-color': '#FFFFFF'});
284            jQuery(this).css({'background-color': '#777777'});
285        });
286        jQuery(".previsu_titre").click(function(){ 
287            jQuery("#bando_titre").css({'width': jQuery(this).attr('title')}); 
288            jQuery(".previsu_titre").css({'background-color': '#FFFFFF'});
289            jQuery(this).css({'background-color': '#777777'});
290        });
291       
292    // le gadget oeil
293        jQuery("input.declenche_oeil").keyup(function() {
294                var id_ec = jQuery(this).attr("id") + "_oeil";
295            jQuery("#" + id_ec).attr("src", "[(#CHEMIN{images/oeil_f.gif})]");
296        });
297        jQuery("input.declenche_oeil").blur(function() {
298                var id_ec = jQuery(this).attr("id") + "_oeil";
299            jQuery("#" + id_ec).attr("src", "[(#CHEMIN{images/oeil_o.gif})]");
300        });
301       
302    // les redims bando et logo en WYSIWYG avec UI
303        function go_recadre(){
304            var hbando = jQuery("#recadre").css("height");
305            hbando = Math.round(parseInt(hbando.substring(0,(hbando.length - 2))) / [(#GET{fact_reduc})]);
306            var topbando = jQuery("#recadre").css("top");
307            topbando = Math.round(parseInt(topbando.substring(0,(topbando.length - 2))) / [(#GET{fact_reduc})]);
308            jQuery("#hauteur_bando").val(hbando);
309            jQuery("#calage_top_recadrage").val(topbando);
310            jQuery("#hauteur_bando").trigger('change');
311        }
312        function go_recadre_logo(){
313            var hlogo = jQuery("#img_logo").css("height");
314            hlogo = Math.round(parseInt(hlogo.substring(0,(hlogo.length - 2))) / [(#GET{fact_reduc})]);
315            jQuery("#hauteur_logo").val(hlogo);
316            jQuery("#hauteur_logo").trigger('change');
317        }
318        jQuery("#recadre").resizable({ containment: 'parent', 
319                                       handles: 'n, s',
320                                       stop: function(){ go_recadre(); }
321                                  });
322/* vraiment pas convaincant le resizable sur le logo...                                 
323        jQuery("#img_logo").resizable({ containment: 'parent',
324                                        aspectRatio: true,
325                                        stop: function(){ go_recadre_logo(); }
326                                     });
327//        jQuery("#img_logo").draggable({ containment: 'parent'}); // draggable semble bogue en jQuery 1.2.6...
328*/
329    });
330</script>
331
332<form method="post" action="#SELF"><div>[(#ENV{_cfg_}|form_hidden)]</div>
333
334[(#REM) ------------------------- DIMENSIONS EN-TETE --------------------------]
335[(#REM) restons simples pour l'instant...
336<fieldset>
337    <legend><:topbando:dimensions_entete:></legend>
338    <p>
339        <label><strong><:topbando:hauteur_entete:> :</strong></label>
340        <input type="text" name="hauteur_entete" value="[(#ENV{hauteur_entete,200})]" style="width: 80px" id="hauteur_entete" />
341        <br/><strong><:topbando:largeur_entete:> :</strong>
342        <br/><input type="radio" name="largeur_entete" value="100%" [(#ENV{largeur_entete}|=={100%}|oui) checked="checked"] id="largeur_entete_100"/> 
343        <label>100%</label>
344        <br /><input type="radio" name="largeur_entete" value="autre" [(#ENV{largeur_entete}|=={100%}|non) checked="checked"] id="largeur_entete_autre"/>
345        <label><:topbando:largeur_en_pixels:></label>:
346        <input type="text" name="largeur_perso_entete" value="[(#ENV{largeur_perso_entete,740})]" style="width: 80px" id="largeur_perso_entete" />
347    </p>
348</fieldset>
349]
350[(#REM) --------------------------- BANDEAU EN-TETE -------------------------- ]
351<fieldset>
352    <legend><:topbando:bando_entete:></legend>
353    <p>
354        <strong><:topbando:utiliser_bando:> :</strong>
355        <label><:topbando:oui:></label>
356        <input type="radio" name="utiliser_bando" value="oui" [(#ENV{utiliser_bando}|=={oui}|oui) checked="checked"] id="bando_oui"/> 
357        &nbsp;&nbsp;&nbsp;<input type="radio" name="utiliser_bando" value="non" [(#ENV{utiliser_bando}|=={oui}|non) checked="checked"] id="bando_non"/>
358        <label><:topbando:non:></label>
359    </p>
360    <p class="details_bando">
361        <strong><:topbando:calage_horizontal_image_bando:> :</strong>
362        <label><:topbando:gauche:></label>
363        <input type="radio" name="calage_horizontal_bando" value="left" [(#ENV{calage_horizontal_bando}|=={left}|oui) checked="checked"] id="calage_left"/> 
364        &nbsp;&nbsp;&nbsp;<input type="radio" name="calage_horizontal_bando" value="center" [(#ENV{calage_horizontal_bando}|=={center}|oui) checked="checked"] id="calage_center"/>
365        <label><:topbando:centre:></label>
366        &nbsp;&nbsp;&nbsp;<input type="radio" name="calage_horizontal_bando" value="right" [(#ENV{calage_horizontal_bando}|=={right}|oui) checked="checked"] id="calage_right"/>
367        <label><:topbando:droite:></label>       
368        <br/><small><:topbando:explication_calage_horizontal:></small>     
369    </p>
370    <p class="details_bando">
371        <label><:topbando:calage_top_recadrage:> :</label>
372        <input type="text" name="calage_top_recadrage" value="[(#ENV{calage_top_recadrage,centrer})]" style="width: 80px" class="declenche_oeil" id="calage_top_recadrage" />
373        [<img id="calage_top_recadrage_oeil" src="(#CHEMIN{images/oeil_o.gif})" alt="<:topbando:visualiser:>" class="oeil_voir"/>]
374        <br/><small><:topbando:explication_calage_top:></small>
375    </p>
376    <p>
377        <label><strong><:topbando:hauteur_bando:></strong> :</label>
378        <input type="text" name="hauteur_bando" id="hauteur_bando" value="[(#ENV{hauteur_bando,200})]" style="width: 80px" class="declenche_oeil" /> 
379        [<img id="hauteur_bando_oeil" src="(#CHEMIN{images/oeil_o.gif})" alt="<:topbando:visualiser:>" class="oeil_voir"/>]
380        <br/><small><:topbando:utilisez_le_cadre_rouge_pour_redimensionner:></small>
381    </p>
382    <div id="bando" style="background: [(#ENV{utiliser_bando}|=={oui}|oui) url([(#LOGO_SITE_SPIP_SURVOL||image_reduire{500,0}|extraire_attribut{src})]) ]
383                          no-repeat center [(#ENV{fond_transparent}|=={oui}|?{'transparent',[(#ENV{couleur_principale,#FFFFFF})]})];
384                          width: 500px;
385                          height: #GET{hauteur_bando_reduite}px;">
386<!--
387            <div id="entete" style="border: solid 2px #0F0;
388                                     position: relative;
389                                     width: [(#GET{largeur_entete_reduite}|moins{4})]px;
390                                     height: #GET{hauteur_entete_reduite}px;
391                                     top: #GET{top}px;
392                                     float: left;
393                                     ">
394            </div>
395-->           
396        <div id="recadre" style="border: dashed 2px #F00;
397                                 position: relative;
398                                 width: 496px;
399                                 height: #GET{hauteur_recadre}px;
400                                 top: #GET{top}px;
401                                 ">
402        </div>
403    </div>
404</fieldset>
405
406[(#REM) --------------------------- LOGO EN-TETE ----------------------------- ]
407<fieldset>
408    <legend><:topbando:logo_entete:></legend>
409    <p>
410        <strong><:topbando:utiliser_logo:> :</strong>
411        <label><:topbando:oui:></label>
412        <input type="radio" name="utiliser_logo" value="oui" [(#ENV{utiliser_logo}|=={oui}|oui) checked="checked"] id="logo_oui"/> 
413        &nbsp;&nbsp;&nbsp;<input type="radio" name="utiliser_logo" value="non" [(#ENV{utiliser_logo}|=={oui}|non) checked="checked"] id="logo_non"/>
414        <label><:topbando:non:></label>
415    </p>
416    <p class="details_logo">
417        <strong><:topbando:place_logo:> :</strong>
418        <label><:topbando:gauche:></label>
419        <input type="radio" name="place_logo" value="left" [(#ENV{place_logo}|=={right}|non) checked="checked"] id="logo_g"/> 
420        &nbsp;&nbsp;&nbsp;<input type="radio" name="place_logo" value="right" [(#ENV{place_logo}|=={right}|oui) checked="checked"] id="logo_d"/>
421        <label><:topbando:droite:></label>
422        <br/><label><:topbando:marge_laterale_logo_cote_texte:></label>: <input type="text" name="marge_laterale_logo" style="width: 40px;" value="[(#ENV{marge_laterale_logo,10})]" class="declenche_oeil" id="marge_laterale_logo" />px
423        [<img id="marge_laterale_logo_oeil" src="(#CHEMIN{images/oeil_o.gif})" alt="<:topbando:visualiser:>" class="oeil_voir"/>]
424        <br/><label><:topbando:marge_laterale_logo_cote_bord:></label>: <input type="text" name="marge_laterale_logo_bord" style="width: 40px;" value="[(#ENV{marge_laterale_logo_bord,0})]" class="declenche_oeil" id="marge_laterale_logo_bord" />px
425        [<img id="marge_laterale_logo_bord_oeil" src="(#CHEMIN{images/oeil_o.gif})" alt="<:topbando:visualiser:>" class="oeil_voir"/>]
426        <br/><small><:topbando:explication_2_marges_laterales_logo:></small>
427    </p>
428    <p class="details_logo">
429        <strong><:topbando:taille_logo:> :</strong>
430        <label><:topbando:adaptation_automatique_hauteur_bandeau:></label>
431        <input type="radio" name="redimensionner_logo" value="non" [(#ENV{redimensionner_logo}|=={oui}|non) checked="checked"] id='redimensionner_logo_non'/> 
432        &nbsp;&nbsp;&nbsp;<input type="radio" name="redimensionner_logo" value="oui" [(#ENV{redimensionner_logo}|=={oui}|oui) checked="checked"] id='redimensionner_logo_oui'/>
433        <label><:topbando:taille_logo_imposee:></label>
434    </p>
435    <p class="details_logo" id="voir_redimensionner_logo">
436        <label><:topbando:hauteur_logo:> :</label>
437        <input type="text" name="hauteur_logo" id="hauteur_logo" value="[(#ENV{hauteur_logo,[(#LOGO_SITE_SPIP||hauteur)]})]" style="width: 80px" class="declenche_oeil" />px
438        [<img id="hauteur_logo_oeil" src="(#CHEMIN{images/oeil_o.gif})" alt="<:topbando:visualiser:>" class="oeil_voir"/>]
439        &nbsp;&nbsp;&nbsp;<label><:topbando:marge_superieure_logo:></label>: <input type="text" name="marge_sup_logo" style="width: 40px;" value="[(#ENV{marge_sup_logo,10})]" class="declenche_oeil" id="marge_sup_logo" />px
440        [<img id="marge_sup_logo_oeil" src="(#CHEMIN{images/oeil_o.gif})" alt="<:topbando:visualiser:>" class="oeil_voir"/>]
441        <br/><small><:topbando:explication_redimensionnement_proportionnel:></small>
442    </p>
443<!--
444        <div id="entete_logo" style="border: solid 2px #0F0;
445                                 position: relative;
446                                 width: 496px;
447                                 height: #GET{hauteur_entete_reduite}px;
448                                 float: left;
449                                 overflow: hidden;
450                                 ">
451        </div>
452-->       
453    [(#SET{Tb, #ARRAY{1,top,2,right,3,bottom,4,left}})]
454    [(#SET{strB, ''})]
455    <BOUCLE_bordures(POUR){tableau #GET{Tb}}>
456        [(#SET{strB, [(#GET{strB}) ]border-#VALEUR: [(#ENV{style_bordure_#VALEUR}) ][(#ENV{couleur_bordure_#VALEUR}) ][(#ENV{epaisseur_bordure_#VALEUR})px]; })]
457    </BOUCLE_bordures>
458    <div class="details_logo" id="bando_logo" style="background: [(#ENV{utiliser_bando}|=={oui}|oui) url([(#LOGO_SITE_SPIP_SURVOL||image_reduire{500,0}|extraire_attribut{src})]) ]
459                            [(#ENV{calage_horizontal_bando})] -[(#GET{top})]px [(#ENV{fond_transparent}|=={oui}|?{'transparent',[(#ENV{couleur_principale,#FFFFFF})]})] no-repeat;
460                            width: 500px;
461                            height: #GET{hauteur_recadre}px;
462                            [(#ENV{toutes_bordures_identiques}|=={oui}|?{
463                                border: [(#ENV{style_bordure_unique})] [(#ENV{couleur_bordure_unique})] [(#ENV{epaisseur_bordure_unique})px];
464                                ,
465                                [(#GET{strB})]
466                            })]">
467     
468        [<img src="(#LOGO_SITE_SPIP||image_reduire{0,[(#GET{hauteur_logo_reduite})]}|extraire_attribut{src})" alt="logo_site"
469          style="float: [(#ENV{place_logo,left})];
470                         [margin-[(#ENV{place_logo}|=={right}|?{'left','right'})]: (#ENV{marge_laterale_logo}|mult{[(#GET{fact_reduc})]})px;]
471                 [margin-[(#ENV{place_logo})]: (#ENV{marge_laterale_logo_bord}|mult{[(#GET{fact_reduc})]})px;]
472                 [(#ENV{redimensionner_logo}|=={oui}|oui) [margin-top: (#ENV{marge_sup_logo}|mult{[(#GET{fact_reduc})]})px;]]
473                 [(#REM) ENV{redimensionner_logo}|=={oui}|oui) border: dashed #ff0 2px;]
474                 [(#ENV{utiliser_logo}|=={non}|oui)display: none;]" 
475          id="img_logo"/>]
476     
477    </div>
478    <p class="details_logo">
479        <strong><:topbando:previsualisation_largeur_ecran:></strong>:
480        <span class="previsu_logo" title="500px">[[(#GET{largeur_bando})] pixels]</span>
481        <span class="previsu_logo" title="[(#VAL{800}|mult{[(#GET{fact_reduc})]})]px">[800 pixels]</span>
482        <span class="previsu_logo" title="[(#VAL{1024}|mult{[(#GET{fact_reduc})]})]px">[1024 pixels]</span>
483        <span class="previsu_logo" title="[(#VAL{1280}|mult{[(#GET{fact_reduc})]})]px">[1280 pixels]</span>
484        <span class="previsu_logo" title="[(#VAL{1600}|mult{[(#GET{fact_reduc})]})]px">[1600 pixels]</span>
485        <span class="previsu_logo" title="[(#VAL{1920}|mult{[(#GET{fact_reduc})]})]px">[1920 pixels]</span>
486        <span class="previsu_logo" title="[(#VAL{2048}|mult{[(#GET{fact_reduc})]})]px">[2048 pixels]</span>
487    </p>     
488</fieldset>
489   
490[(#REM) ------------------------ COULEURS ------------------------------------ ]
491<fieldset>
492    <legend><:topbando:choix_teinte_generale:></legend>
493    <p>
494                        <strong><:topbando:fond_bandeau:> :</strong>
495        <label><:topbando:fond_transparent:></label>
496        <input type="radio" name="fond_transparent" value="oui" [(#ENV{fond_transparent}|=={oui}|oui) checked="checked"] id='fond_transparent_oui'/> 
497        &nbsp;&nbsp;&nbsp;<input type="radio" name="fond_transparent" value="non" [(#ENV{fond_transparent}|=={oui}|non) checked="checked"] id='fond_transparent_non'/>
498        <label><:topbando:fond_colore:></label>
499       
500    </p>
501    <p class="details_couleur_fond">
502        <strong><:topbando:couleur_principale:></strong>
503        <input type="text" name="couleur_principale" class="palette" id="couleur_principale" 
504            value="[(#ENV{couleur_principale,#FFFFFF})]" style="width: 80px" class="declenche_oeil"/>
505        [<img id="couleur_principale_oeil" src="(#CHEMIN{images/oeil_o.gif})" alt="<:topbando:visualiser:>" class="oeil_voir"/>]
506    </p>
507    <p>
508        <strong><:topbando:couleur_texte:></strong>
509        <input type="text" name="couleur_principale_texte" class="palette" id="couleur_principale_texte" 
510            value="[(#ENV{couleur_principale_texte,#000000})]" style="width: 80px" class="declenche_oeil" />
511        [<img id="couleur_principale_texte_oeil" src="(#CHEMIN{images/oeil_o.gif})" alt="<:topbando:visualiser:>" class="oeil_voir"/>]
512        <br/><small><:topbando:explication_palette:></small>
513    </p>
514</fieldset>
515   
516[(#REM) ------------------------ BORDURES ------------------------------------ ]
517<fieldset>
518    <legend><:topbando:bordures_bandeau:></legend>
519    <p>
520        <strong><:topbando:toutes_bordures_identiques:>: </strong>
521        <label><:topbando:oui:></label>
522        <input type="radio" name="toutes_bordures_identiques" value="oui" [(#ENV{toutes_bordures_identiques}|=={non}|non) checked="checked"] id='toutes_bordures_identiques_oui' /> 
523        &nbsp;&nbsp;&nbsp;<input type="radio" name="toutes_bordures_identiques" value="non" [(#ENV{toutes_bordures_identiques}|=={non}|oui) checked="checked"] id='toutes_bordures_identiques_non' />
524        <label><:topbando:non:></label>
525        [(#SET{Tbordures, #ARRAY{<:topbando:toutes_bordures:>,unique,<:topbando:haut:>,top,<:topbando:droite:>,right,<:topbando:bas:>,bottom,<:topbando:gauche:>,left}})]
526        [(#SET{Tep, #ARRAY{<:topbando:aucune:>,none,<:topbando:plein:>,solid,<:topbando:tirets:>,dashed,<:topbando:pointilles:>,dotted}})]
527
528        <BOUCLE_b(POUR){tableau #GET{Tbordures}}>
529          <p id="voir_bordure_#VALEUR"[(#VALEUR|!={unique}|oui) class="details_bordures"]><strong>#CLE :</strong> 
530            <br/><:topbando:style:>: <select name="style_bordure_#VALEUR" class="change_bordures declenche_oeil" id="style_bordure_#VALEUR">
531            <BOUCLE_ep(POUR){tableau #GET{Tep}}>
532                <option value="#VALEUR"[ (#ENV{style_bordure_#_b:VALEUR}|=={#VALEUR}|oui)selected="selected"]>#CLE</option>
533            </BOUCLE_ep>
534            </select>
535                &nbsp;&nbsp;&nbsp;<:topbando:couleur:>:
536            <input type="text" name="couleur_bordure_#VALEUR" class="change_bordures palette" id="couleur_bordure_#VALEUR" 
537            value="[(#ENV{couleur_bordure_#VALEUR,#000000})]" style="width: 80px" class="change_bordures"/>[(#ENV{couleur_bordure_#VALEUR})]
538            &nbsp;&nbsp;&nbsp;<:topbando:epaisseur:>:
539            <input type="text" name="epaisseur_bordure_#VALEUR" class="change_bordures" id="epaisseur_bordure_#VALEUR" 
540            value="[(#ENV{epaisseur_bordure_#VALEUR,1})]" style="width: 40px"/>px
541                [<img id="style_bordure_#VALEUR_oeil" src="(#CHEMIN{images/oeil_o.gif})" alt="<:topbando:visualiser:>" class="oeil_voir"/>]
542          </p>
543        </BOUCLE_b>
544    </p>
545   
546   
547</fieldset>
548
549[(#REM)------------------------ TITRE SITE ----------------------------------- ]
550<fieldset>
551  <legend><:topbando:titre_site:></legend>
552    <p>
553        <strong><:topbando:afficher_titre:> :</strong>
554        <label><:topbando:oui:></label>
555        <input type="radio" name="afficher_titre" value="oui" [(#ENV{afficher_titre}|=={oui}|oui) checked="checked"] id='titre_oui' /> 
556        &nbsp;&nbsp;&nbsp;<input type="radio" name="afficher_titre" value="non" [(#ENV{afficher_titre}|=={oui}|non) checked="checked"] id='titre_non' />
557        <label><:topbando:non:></label>
558    </p>
559          <div class="details_titre">
560    <p>
561        <strong><:topbando:emplacement_titre:></strong>:
562        <label><:topbando:gauche:></label>
563        <input type="radio" name="emplacement_titre" value="left" [(#ENV{emplacement_titre}|=={left}|oui) checked="checked"]/>
564        &nbsp;&nbsp;&nbsp;<input type="radio" name="emplacement_titre" value="none" [(#ENV{emplacement_titre}|=={none}|oui) checked="checked"]/>
565        <label><:topbando:centre:></label>
566        &nbsp;&nbsp;&nbsp;<input type="radio" name="emplacement_titre" value="right" [(#ENV{emplacement_titre}|=={right}|oui) checked="checked"]/>
567        <label><:topbando:droite:></label>
568    </p>
569    <p>
570                <strong><:topbando:titre_bando:>:</strong>
571        <br /><input type="radio" name="titre_bando" value="titre_spip" [(#ENV{titre_bando}|=={titre_spip}|oui) checked="checked"] id="titre_spip"/> 
572        <label><:topbando:utiliser_titre_spip:></label>
573        <br /><input type="radio" name="titre_bando" value="autre" [(#ENV{titre_bando}|=={titre_spip}|non) checked="checked"] id="titre_autre" />
574        <label><:topbando:utiliser_autre_titre:></label>:
575                        <input type="text" name="complement_nom_site" value="#ENV{complement_nom_site}" size="50" class="fondl" class="declenche_oeil" id="complement_nom_site" />
576        [<img id="complement_nom_site_oeil" src="(#CHEMIN{images/oeil_o.gif})" alt="<:topbando:visualiser:>" class="oeil_voir"/>]
577    </p>
578    <p>
579        <strong><:topbando:taille_police:></strong>: <input type="text" name="taille_police" style="width: 40px;" value="[(#ENV{taille_police,40})]" class="declenche_oeil" id="taille_police" />px
580        [<img id="taille_police_oeil" src="(#CHEMIN{images/oeil_o.gif})" alt="<:topbando:visualiser:>" class="oeil_voir"/>]
581    </p>
582    <p id="voir_justification_titre">
583        <strong><:topbando:justification_titre:></strong>:
584        <label><:topbando:gauche:></label>
585        <input type="radio" name="alignement_titre" value="left" [(#ENV{alignement_titre}|=={left}|oui) checked="checked"]/>
586        &nbsp;&nbsp;&nbsp;<input type="radio" name="alignement_titre" value="center" [(#ENV{alignement_titre}|=={center}|oui) checked="checked"]/>
587        <label><:topbando:centre:></label>
588        &nbsp;&nbsp;&nbsp;<input type="radio" name="alignement_titre" value="right" [(#ENV{alignement_titre}|=={right}|oui) checked="checked"]/>
589        <label><:topbando:droite:></label>
590    </p>
591    <p>
592        <strong><:topbando:marge_superieure_titre:></strong>: <input type="text" name="marge_sup_titre" style="width: 40px;" value="[(#ENV{marge_sup_titre,40})]" class="declenche_oeil" id="marge_sup_titre" />px
593        [<img id="marge_sup_titre_oeil" src="(#CHEMIN{images/oeil_o.gif})" alt="<:topbando:visualiser:>" class="oeil_voir"/>]
594    </p>
595    <p>
596        <strong><:topbando:largeur_max_titre:></strong>: <input type="text" name="largeur_titre" style="width: 40px;" value="[(#ENV{largeur_titre,740})]" class="declenche_oeil" id="largeur_titre" />px
597        [<img id="largeur_titre_oeil" src="(#CHEMIN{images/oeil_o.gif})" alt="<:topbando:visualiser:>" class="oeil_voir"/>]
598    </p>
599[(#PLUGIN{choix_police}|oui)
600                <p>
601        <strong><:topbando:utiliser_image_typo:></strong>:
602        <label><:topbando:oui:></label>
603        <input type="radio" name="utiliser_image_typo" value="oui" [(#ENV{utiliser_image_typo}|=={non}|non) checked="checked"] id="image_typo_oui"/> 
604        &nbsp;&nbsp;&nbsp;<input type="radio" name="utiliser_image_typo" value="non" [(#ENV{utiliser_image_typo}|=={non}|oui) checked="checked"] id="image_typo_non"/>
605        <label><:topbando:non:></label> 
606        <br/>(<:topbando:pas_de_previsu_instantanee_des_images_typo:>!)
607    </p>
608]   
609        <div id="bando_titre" style="background: [(#ENV{utiliser_bando}|=={oui}|oui) url([(#LOGO_SITE_SPIP_SURVOL||image_reduire{500,0}|extraire_attribut{src})]) ]
610                                     [(#ENV{calage_horizontal_bando})] -[(#GET{top})]px [(#ENV{fond_transparent}|=={oui}|?{'transparent',[(#ENV{couleur_principale,#FFFFFF})]})] no-repeat;
611                                     width: 500px;
612                                     height: #GET{hauteur_recadre}px;
613                                     font-size: #GET{taille_police_reduite}px;
614                                     text-align: #ENV{alignement_titre};
615                                     color: #ENV{couleur_principale_texte};
616                                     [(#ENV{toutes_bordures_identiques}|=={oui}|?{
617                                                border: [(#ENV{style_bordure_unique})] [(#ENV{couleur_bordure_unique})] [(#ENV{epaisseur_bordure_unique})px];
618                                                ,
619                                                [(#GET{strB})]
620                                         })]">
621
622            [<img src="(#LOGO_SITE_SPIP||image_reduire{0,[(#GET{hauteur_logo_reduite})]}|extraire_attribut{src})" alt="logo_site"
623                  style="float: [(#ENV{place_logo,left})];
624                                 [margin-[(#ENV{place_logo}|=={right}|?{'left','right'})]: (#ENV{marge_laterale_logo}|mult{[(#GET{fact_reduc})]})px;]
625                         [margin-[(#ENV{place_logo})]: (#ENV{marge_laterale_logo_bord}|mult{[(#GET{fact_reduc})]})px;]
626                         [(#ENV{redimensionner_logo}|=={oui}|oui) [margin-top: (#ENV{marge_sup_logo}|mult{[(#GET{fact_reduc})]})px;]]
627                         [(#ENV{utiliser_logo}|=={non}|oui)display: none;]" 
628                  id="img_logo_titre"/>]
629         
630            [(#PLUGIN{choix_police}|?{
631                [(#ENV{utiliser_image_typo}|=={oui}|?{
632                    [<strong id="nom_site_spip" style="margin-right: auto;
633                                                       margin-left:auto;
634                                                       display: block;
635                                                       [float: (#ENV{emplacement_titre});]
636                                                       [width: (#GET{largeur_titre_reduite})px;]
637                                                       [padding-top: (#GET{marge_sup_titre_reduite})px;]
638                                                       ">(#MODELE{typo}{texte=[(#GET{titre})],
639                                                                        [(#ENV{fond_transparent}|=={oui}|non)[couleur=(#ENV{couleur_principale}),]})]
640                                                                        taille=[(#GET{taille_police_reduite})],
641                                                                        largeur=[(#GET{largeur_titre_reduite})]})</strong>]
642                    ,
643                    [<strong id="nom_site_spip" style="margin-right: auto;
644                                                       margin-left:auto;
645                                                       display: block;
646                                                       [float: (#ENV{emplacement_titre});]
647                                                       [width: (#GET{largeur_titre_reduite})px;]
648                                                       [padding-top: (#GET{marge_sup_titre_reduite})px;]
649                                                       ">(#GET{titre})</strong>]
650                })]
651                ,
652                [<strong id="nom_site_spip" style="margin-right: auto;
653                                                   margin-left:auto;
654                                                   display: block;
655                                                   [float: (#ENV{emplacement_titre});]
656                                                   [width: (#GET{largeur_titre_reduite})px;]
657                                                   [padding-top: (#GET{marge_sup_titre_reduite})px;]
658                                                   ">(#GET{titre})</strong>]
659            })]
660        </div>
661        <p>
662            <strong><:topbando:previsualisation_largeur_ecran:></strong>:
663            <span class="previsu_titre" title="500px">[[(#GET{largeur_bando})] pixels]</span>
664            <span class="previsu_titre" title="[(#VAL{800}|mult{[(#GET{fact_reduc})]})]px">[800 pixels]</span>
665            <span class="previsu_titre" title="[(#VAL{1024}|mult{[(#GET{fact_reduc})]})]px">[1024 pixels]</span>
666            <span class="previsu_titre" title="[(#VAL{1280}|mult{[(#GET{fact_reduc})]})]px">[1280 pixels]</span>
667            <span class="previsu_titre" title="[(#VAL{1600}|mult{[(#GET{fact_reduc})]})]px">[1600 pixels]</span>
668            <span class="previsu_titre" title="[(#VAL{1920}|mult{[(#GET{fact_reduc})]})]px">[1920 pixels]</span>
669            <span class="previsu_titre" title="[(#VAL{2048}|mult{[(#GET{fact_reduc})]})]px">[2048 pixels]</span>
670        </p>     
671
672    </div><!-- fin details -->
673   
674</fieldset>
675
676[(#REM)------------------------ MENU DES LANGUES ----------------------------- ]
677<fieldset>
678  <legend><:topbando:menu_langues:></legend>
679    <p>
680        <strong><:topbando:afficher_menu_langues:> :</strong>
681        <label><:topbando:oui:></label>
682        <input type="radio" name="afficher_langues" value="oui" [(#ENV{afficher_langues}|=={oui}|oui) checked="checked"] id='afficher_langues_oui' /> 
683        &nbsp;&nbsp;&nbsp;<input type="radio" name="afficher_langues" value="non" [(#ENV{afficher_langues}|=={oui}|non) checked="checked"] id='afficher_langues_non' />
684        <label><:topbando:non:></label>
685    </p>
686</fieldset>
687
688
689
690[(#REM) ------------------------ BOUTON OK ----------------------------------- ]
691<div>
692<input style="float:#LANG_RIGHT;" type="submit" name="_cfg_ok" value="<:OK:>" class="fondo" />
693<input type="reset" value="<:Reset:>" class="fondo" />
694<!--
695<input type="submit" name="_cfg_delete" value="<:Supprimer:>" class="fondo" />
696-->
697</div>
698
699</form>
700
Note: See TracBrowser for help on using the repository browser.