Personnaliser un composant de formulaire » History » Version 1
Herve Ballans, 07/05/2012 14:33
1 | 1 | Herve Ballans | h1. Personnaliser un composant de formulaire |
---|---|---|---|
2 | 1 | Herve Ballans | |
3 | 1 | Herve Ballans | 1/ Pré-requis: |
4 | 1 | Herve Ballans | Connaitre les notions suivantes pour les CSS : Identifiant, classe, héritage et pseudo-class en CSS |
5 | 1 | Herve Ballans | |
6 | 1 | Herve Ballans | 2/ Outil |
7 | 1 | Herve Ballans | Firebug |
8 | 1 | Herve Ballans | |
9 | 1 | Herve Ballans | Appliquer une classe CSS |
10 | 1 | Herve Ballans | Appliquer un style différent au sein d'un même composant de formulaire |
11 | 1 | Herve Ballans | Ajouter un fond commun à deux composants |
12 | 1 | Herve Ballans | Ajouter un min max pour un composant between |
13 | 1 | Herve Ballans | Positionner le label en haut du champ field |
14 | 1 | Herve Ballans | |
15 | 1 | Herve Ballans | |
16 | 1 | Herve Ballans | h2(#css_class). Appliquer une classe CSS |
17 | 1 | Herve Ballans | |
18 | 1 | Herve Ballans | Pour chaque composant de formulaire dans l'interface admin, il y a un champ CSS. Renseigner un nom (ex: ma_premiere_classe). |
19 | 1 | Herve Ballans | Ensuite, allez dans utilities > CSS Editor et éditer le main.css. Ajoutez y la classe que vous avez renseignez (ex : .ma_premiere_classe { } - attention le "." est obligatoire). |
20 | 1 | Herve Ballans | |
21 | 1 | Herve Ballans | |
22 | 1 | Herve Ballans | |
23 | 1 | Herve Ballans | |
24 | 1 | Herve Ballans | |
25 | 1 | Herve Ballans | |
26 | 1 | Herve Ballans | |
27 | 1 | Herve Ballans | |
28 | 1 | Herve Ballans | |
29 | 1 | Herve Ballans | |
30 | 1 | Herve Ballans | |
31 | 1 | Herve Ballans | |
32 | 1 | Herve Ballans | |
33 | 1 | Herve Ballans | |
34 | 1 | Herve Ballans | |
35 | 1 | Herve Ballans | |
36 | 1 | Herve Ballans | |
37 | 1 | Herve Ballans | |
38 | 1 | Herve Ballans | |
39 | 1 | Herve Ballans | |
40 | 1 | Herve Ballans | |
41 | 1 | Herve Ballans | |
42 | 1 | Herve Ballans | |
43 | 1 | Herve Ballans | |
44 | 1 | Herve Ballans | |
45 | 1 | Herve Ballans | h2(#style). Appliquer un style différent au sein d'un même composant de formulaire |