source: spip-zone/_plugins_/basecss/branches/v2/formulaires/configurer_basecss.html @ 52299

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

Quand même... quoique suggère BluePrint?, ici pris en exemple, Helvetica, c'est mieux qu'Arial, cf.: http://meiert.com/en/blog/20080220/helvetica-arial/

File size: 3.9 KB
Line 
1<style type="text/css">
2.formulaire_spip, .formulaire_spip * { font-size: 100% !important; }
3.formulaire_spip fieldset { border: 0; }
4.formulaire_spip legend { background: none; font-weight: bold; }
5.formulaire_spip .explication { padding: 5px 10px; background: none; border: 0; }
6.formulaire_spip li .explication { padding: 0; font-size: .9em !important; line-height: 1; color: #666; }
7</style>
8
9<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
10        [<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
11        [<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
12        <form method="post" action="#ENV{action}"><div>
13                #ACTION_FORMULAIRE{#ENV{action}}
14                <input type="hidden" name="_meta_casier" value="basecss/typo" />
15                <fieldset>
16                        <legend>R&eacute;glage de la base typographique g&eacute;n&eacute;rale du site (<code>typo.css</code>)</legend>
17                        <p class="explication">Indiquez vos valeurs en CSS. Pour voir, affichez la page de test <code>?page=demo/typo</code> ou mieux, ins&eacute;rez le mod&egrave;le <code>&lt;charte|typo&gt;</code> dans un de vos articles.</p>
18                        <ul>
19                                <li class="basecss_font-family[ (#ENV**{erreurs}|table_valeur{font-family}|oui)erreur]">
20                                        <label for="font-family">Police</label>[
21                                        <span class='erreur'>(#ENV**{erreurs}|table_valeur{font-family})</span>
22                                        ]<input type="text" class="text" name="font-family" id="font-family" [ value="(#ENV{font-family,'Helvetica, Arial, sans-serif'})"] />
23                                        <p class="explication">Exemple : "Helvetica Neue", Helvetica, Arial, sans-serif</p>
24                                </li>
25                                <li class="basecss_font-size[ (#ENV**{erreurs}|table_valeur{font-size}|oui)erreur]">
26                                        <label for="font-size">Taille</label>[
27                                        <span class='erreur'>(#ENV**{erreurs}|table_valeur{font-size})</span>
28                                        ]<input type="text" class="text" name="font-size" id="font-size" [ value="(#ENV{font-size,1em})"] style="width: 6em;" />
29                                </li>
30                                <li class="basecss_line-height[ (#ENV**{erreurs}|table_valeur{line-height}|oui)erreur]">
31                                        <label for="line-height">Interligne</label>[
32                                        <span class='erreur'>(#ENV**{erreurs}|table_valeur{line-height})</span>
33                                        ]<input type="text" class="text" name="line-height" id="line-height" [ value="(#ENV{line-height,1.5em})"] style="width: 6em;" />
34                                </li>
35                                <li class="basecss_margin-bottom[ (#ENV**{erreurs}|table_valeur{margin-bottom}|oui)erreur]">
36                                        <label for="margin-bottom">Paragraphe</label>[
37                                        <span class='erreur'>(#ENV**{erreurs}|table_valeur{margin-bottom})</span>
38                                        ]<input type="text" class="text" name="margin-bottom" id="margin-bottom" [ value="(#ENV{margin-bottom,[(#ENV{line-height,1.5em})]})"] style="width: 6em;" />
39                                </li>
40                                <li class="basecss_text-indent[ (#ENV**{erreurs}|table_valeur{text-indent}|oui)erreur]">
41                                        <label for="text-indent">Alin&eacute;a</label>[
42                                        <span class='erreur'>(#ENV**{erreurs}|table_valeur{text-indent})</span>
43                                        ]<input type="text" class="text" name="text-indent" id="text-indent" [ value="(#ENV{text-indent,50px})"] style="width: 6em;" />
44                                </li>
45                                <li class="basecss_color[ (#ENV**{erreurs}|table_valeur{color}|oui)erreur]">
46                                        <label for="color">Couleur du texte</label>[
47                                        <span class='erreur'>(#ENV**{erreurs}|table_valeur{color})</span>
48                                        ]<input type="text" class="text" name="color" id="color" [ value="(#ENV{color,#222222})"] style="width: 6em;" />
49                                </li>
50                                <li class="basecss_background-color[ (#ENV**{erreurs}|table_valeur{background-color}|oui)erreur]">
51                                        <label for="background-color">Couleur du fond</label>[
52                                        <span class='erreur'>(#ENV**{erreurs}|table_valeur{background-color})</span>
53                                        ]<input type="text" class="text" name="background-color" id="background-color" [ value="(#ENV{background-color,#FFFFFF})"] style="width: 6em;" />
54                                </li>
55                        </ul>
56                </fieldset>
57                <p class="boutons"><input type="submit" name="enregistrer" class="submit" value="<:bouton_enregistrer:>" /></p>
58        </div></form>
59</div>
Note: See TracBrowser for help on using the repository browser.