source: spip-zone/_squelettes_/escal/formulaires/configurer_couleurs.html @ 57526

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

éléments et couleurs configurables dans l'espace privé avec spip 3

File size: 16.0 KB
Line 
1<!-- Couleurs -->
2    <div class="formulaire_spip formulaire_configurer formulaire_#FORM">
3
4    <h3 class="titrem">[(#CHEMIN_IMAGE{escal24.png}|balise_img{'',cadre-icone})]Couleurs</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            <div class="explication">
12            Vous pouvez changer les couleurs de votre site en rempla&ccedil;ant la valeur par d&eacute;faut par une autre couleur <br />
13            - au format hexad&eacute;cimal -> exemple : #FFFF00 <br />
14            - au format RGB -> exemple : RGB(255,255,0) <br />
15            - avec une couleur nomm&eacute;e -> exemple : yellow <br /> <br />
16            Vous pouvez aussi choisir une couleur dans le sélecteur de couleur qui s'affichera dès que vous cliquerez dans une case<br /><br />
17            Attention &agrave; ce que le texte ressorte bien sur vos fonds et veillez &agrave; bien accorder vos couleurs.<br /><br />
18            Si vous r&eacute;initalisez une valeur ou tout, pensez à valider apr&egrave;s !
19            </div>
20      <br />
21      <h4>Les fonds</h4>
22     
23     <ul>
24            #SET{name,couleurfond}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
25            <?php
26            $coul0="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},#DFDFDF})]";
27            if(isset($_POST["reinit0"])) { $coul0="#DFDFDF"; }
28            if(isset($_POST["reinit"])) { $coul0="#DFDFDF"; }
29            ?>
30            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
31                    <div class="explication">Couleur de fond du site (par défaut : #DFDFDF)
32                    </div>
33                    [<span class='erreur_message'>(#GET{erreurs})</span>
34                    ]<div class="choix" style=" background-color:<?php echo "$coul0"; ?>">
35                             <input type="texte" class="palette" name="#GET{name}" id="#GET{name}_oui" value="<?php echo "$coul0"; ?>"  />
36                             <input type="submit" name="reinit0" class="submit" value="R&eacute;initialiser" />
37                    </div>
38                    <div class="explication">Image de fond -> exemple : images/fond.jpg si votre fond est dans /squelettes/images et s'appelle fond.jpg (laisser vide si pas d'image)
39                    </div>
40                    <div class="choix" style=" background-color: #E9E9E9">
41                             <input type="texte" name="imagefond" id="imagefond_oui" value="<?php echo trim(htmlentities($_POST['imagefond'])) ?>"  />
42                    </div>
43            </li>
44           
45            #SET{name,couleur1}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
46            <?php
47            $coul1="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},#DFDFDF})]";
48            if(isset($_POST["reinit1"])) { $coul1="#DFDFDF"; }
49            if(isset($_POST["reinit"])) { $coul1="#DFDFDF"; }
50            ?>
51            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
52                    <div class="explication">Couleur 1 (par défaut : #DFDFDF)<br />
53                    calendrier, forum
54                    </div>
55                    [<span class='erreur_message'>(#GET{erreurs})</span>
56                    ]<div class="choix" style=" background-color:<?php echo "$coul1"; ?>">
57                             <input type="texte"  class="palette" name="#GET{name}" id="#GET{name}_oui" value="<?php echo "$coul1"; ?>"  />
58                             <input type="submit" name="reinit1" class="submit" value="R&eacute;initialiser" />
59                    </div>
60            </li>
61           
62            #SET{name,couleur2}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
63            <?php
64            $coul2="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},#FFFFFF})]";
65            if(isset($_POST["reinit2"])) { $coul2="#FFFFFF"; }
66            if(isset($_POST["reinit"])) { $coul2="#FFFFFF"; }
67            ?>
68            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
69                    <div class="explication">Couleur 2 (par défaut : #FFFFFF)<br />
70                    fond des pages, forum, agenda
71                    </div>
72                    [<span class='erreur_message'>(#GET{erreurs})</span>
73                    ]<div class="choix" style=" background-color:<?php echo "$coul2"; ?>">
74                             <input type="texte"  class="palette" name="#GET{name}" id="#GET{name}_oui" value="<?php echo "$coul2"; ?>"  />
75                             <input type="submit" name="reinit2" class="submit" value="R&eacute;initialiser" />
76                    </div>
77            </li>
78
79            #SET{name,couleur3}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
80            <?php
81            $coul3="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},#336699})]";
82            if(isset($_POST["reinit3"])) { $coul3="#336699"; }
83            if(isset($_POST["reinit"])) { $coul3="#336699"; }
84            ?>
85            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
86                    <div class="explication">Couleur 3 (par défaut : #336699)<br />
87                    menu horizontal, bloc &agrave; la une et onglet actif, encart des entetes pour les rubriques et les articles, plan, forum
88                    </div>
89                    [<span class='erreur_message'>(#GET{erreurs})</span>
90                    ]<div class="choix" style=" background-color:<?php echo "$coul3"; ?>">
91                            <input type="texte"  class="palette" name="#GET{name}" id="#GET{name}_oui" value="<?php echo "$coul3"; ?>" />
92                            <input type="submit" name="reinit3" class="submit" value="R&eacute;initialiser" />
93                    </div>
94            </li>
95
96            #SET{name,couleur4}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
97            <?php
98            $coul4="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},#224466})]";
99            if(isset($_POST["reinit4"])) { $coul4="#224466"; }
100            if(isset($_POST["reinit"])) { $coul4="#224466"; }
101            ?>
102            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
103                    <div class="explication">Couleur 4 (par défaut : #224466)<br />
104                    survol des entrées du menu et des articles du bloc &agrave; la une
105                    </div>
106                    [<span class='erreur_message'>(#GET{erreurs})</span>
107                    ]<div class="choix" style=" background-color:<?php echo "$coul4"; ?>">
108                            <input type="texte"  class="palette" name="#GET{name}" id="#GET{name}_oui" value="<?php echo "$coul4"; ?>" />
109                            <input type="submit" name="reinit4" class="submit" value="R&eacute;initialiser" />
110                    </div>
111            </li>
112           
113            #SET{name,couleur5}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
114            <?php
115            $coul5="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},#82ADE2})]";
116            if(isset($_POST["reinit5"])) { $coul5="#82ADE2"; }
117            if(isset($_POST["reinit"])) { $coul5="#82ADE2"; }
118            ?>
119            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
120                    <div class="explication">Couleur 5 (par défaut : #82ADE2)<br />
121                    menu vertical 2, titre et bords cadres latéraux, onglets &agrave; la une inactifs, entete tableaux, calendrier, &eacute;v&egrave;nements, ...
122                    </div>
123                    [<span class='erreur_message'>(#GET{erreurs})</span>
124                    ]<div class="choix" style=" background-color:<?php echo "$coul5"; ?>">
125                            <input type="texte"  class="palette" name="#GET{name}" id="#GET{name}_oui" value="<?php echo "$coul5"; ?>" />
126                            <input type="submit" name="reinit5" class="submit" value="R&eacute;initialiser" />
127                    </div>
128            </li>
129           
130            #SET{name,couleur6}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
131            <?php
132            $coul6="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},#EFEFEF})]";
133            if(isset($_POST["reinit6"])) { $coul6="#EFEFEF"; }
134            if(isset($_POST["reinit"])) { $coul6="#EFEFEF"; }
135            ?>
136            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
137                    <div class="explication">Couleur 6 (par défaut : #EFEFEF)<br />
138                    identification, recherche, formulaire contact, tableaux lignes impaires, portfolio, post-scriptum, forum, calendrier, ...
139                    </div>
140                    [<span class='erreur_message'>(#GET{erreurs})</span>
141                    ]<div class="choix" style=" background-color:<?php echo "$coul6"; ?>">
142                            <input type="texte"  class="palette" name="#GET{name}" id="#GET{name}_oui" value="<?php echo "$coul6"; ?>" />
143                            <input type="submit" name="reinit6" class="submit" value="R&eacute;initialiser" />
144                    </div>
145            </li>
146
147            #SET{name,couleur7}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
148            <?php
149            $coul7="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},#BBCCDD})]";
150            if(isset($_POST["reinit7"])) { $coul7="#BBCCDD"; }
151            if(isset($_POST["reinit"])) { $coul7="#BBCCDD"; }
152            ?>
153            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
154                    <div class="explication">Couleur 7 (par défaut : #BBCCDD)<br />
155                    rubrique active du menu horizontal, tableaux lignes impaires, prévisualisation des forum, calendrier...
156                    </div>
157                    [<span class='erreur_message'>(#GET{erreurs})</span>
158                    ]<div class="choix" style=" background-color:<?php echo "$coul7"; ?>;">
159                            <input type="texte"  class="palette" name="#GET{name}" id="#GET{name}_oui" value="<?php echo "$coul7"; ?>" />
160                            <input type="submit" name="reinit7" class="submit" value="R&eacute;initialiser" />
161                    </div>
162            </li>
163
164            #SET{name,couleur8}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
165            <?php
166            $coul8="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},#C1D6FA})]";
167            if(isset($_POST["reinit8"])) { $coul8="#C1D6FA"; }
168            if(isset($_POST["reinit"])) { $coul8="#C1D6FA"; }
169            ?>
170            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
171                    <div class="explication">Couleur 8 (par défaut : #C1D6FA)<br />
172                    articles bloc &agrave; la une, agenda
173                    </div>
174                    [<span class='erreur_message'>(#GET{erreurs})</span>
175                    ]<div class="choix" style=" background-color:<?php echo "$coul8"; ?>">
176                            <input type="texte"  class="palette" name="#GET{name}" id="#GET{name}_oui" value="<?php echo "$coul8"; ?>" />
177                            <input type="submit" name="reinit8" class="submit" value="R&eacute;initialiser" />
178                    </div>
179            </li>
180
181            #SET{name,couleur9}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
182            <?php
183            $coul9="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},#EC7942})]";
184            if(isset($_POST["reinit9"])) { $coul9="#EC7942"; }
185            if(isset($_POST["reinit"])) { $coul9="#EC7942"; }
186            ?>
187            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
188                    <div class="explication">Couleur 9 (par défaut : #EC7942)<br />
189                    annonce en une, surlignage recherche
190                    </div>
191                    [<span class='erreur_message'>(#GET{erreurs})</span>
192                    ]<div class="choix" style=" background-color:<?php echo "$coul9"; ?>">
193                            <input type="texte"  class="palette" name="#GET{name}" id="#GET{name}_oui" value="<?php echo "$coul9"; ?>" />
194                            <input type="submit" name="reinit9" class="submit" value="R&eacute;initialiser" />
195                    </div>
196            </li>
197
198
199    </ul>
200
201    <input type="hidden" name="_meta_casier" value="escal/config" />
202    <br /><br />
203        <p class="boutons">
204        <input type="submit" name="reinit" class="submit" value="Tout r&eacute;initialiser" />
205  <input type="submit" name="enregistrer" class="submit" value="<:bouton_valider:>" />
206        </p>
207  </div>
208    </form>
209   
210
211    [<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
212    [<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
213    <form method="post" action="#ENV{action}">
214    <div>
215    #ACTION_FORMULAIRE{#ENV{action}}
216
217
218            <h4>Les textes</h4>
219
220     <ul>
221            #SET{name,texte1}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
222            <?php
223            $texte1="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},#000000})]";
224            if(isset($_POST["reset1"])) { $texte1="#000000"; }
225            if(isset($_POST["reset"])) { $texte1="#000000"; }
226            ?>
227            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
228                    <div class="explication">Texte 1 (par défaut : noir)<br /> Pour la plupart des zones avec fond clair
229                    </div>
230                    [<span class='erreur_message'>(#GET{erreurs})</span>
231                    ]<div class="choix">
232                             <input type="texte" class="palette" style="width: 130px" name="#GET{name}" id="#GET{name}_oui" value="<?php echo "$texte1"; ?>"  />
233                             <input type="submit" name="reset1" class="submit" value="R&eacute;initialiser" />
234                             <span style="background-color: white; color:<?php echo "$texte1"; ?>">Un texte</span>
235                             <span style="background-color: grey; color:<?php echo "$texte1"; ?>">Un texte</span>
236                             <span style="background-color: black; color:<?php echo "$texte1"; ?>">Un texte</span>
237                    </div>
238            </li>
239
240            #SET{name,texte2}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
241            <?php
242            $texte2="[(#ENV{#GET{name}}|?{#ENV{#GET{name}},#FFFFFF})]";
243            if(isset($_POST["reset2"])) { $texte1="#FFFFFF"; }
244            if(isset($_POST["reset"])) { $texte1="#FFFFFF"; }
245            ?>
246            <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
247                    <div class="explication">Texte 2 (par défaut : blanc)<br /> Pour la plupart des zones avec un fond foncé
248                    </div>
249                    [<span class='erreur_message'>(#GET{erreurs})</span>
250                    ]<div class="choix">
251                             <input type="texte" class="palette" style="width: 130px" name="#GET{name}" id="#GET{name}_oui" value="<?php echo "$texte2"; ?>"  />
252                             <input type="submit" name="reset0" class="submit" value="R&eacute;initialiser" />
253                             <span style="background-color: white; color:<?php echo "$texte2"; ?>">Un texte</span>
254                             <span style="background-color: grey; color:<?php echo "$texte2"; ?>">Un texte</span>
255                             <span style="background-color: black; color:<?php echo "$texte2"; ?>">Un texte</span>
256                    </div>
257            </li>
258           
259    </ul>
260
261    <input type="hidden" name="_meta_casier" value="escal/config" />
262    <br /><br />
263        <p class="boutons">
264        <input type="submit" name="reset" class="submit" value="Tout r&eacute;initialiser" />
265  <input type="submit" name="enregistrer" class="submit" value="<:bouton_valider:>" />
266        </p>
267  </div>
268    </form>
269    </div>
270   
271
Note: See TracBrowser for help on using the repository browser.