Différences
Cette page vous donne les différences entre la révision choisie et la version actuelle de la page.
codeur:theme:css [2007/04/10 01:19] tito créée |
codeur:theme:css [2011/06/25 18:43] (Version actuelle) martens |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
====== Feuille de style ====== | ====== Feuille de style ====== | ||
- | {{message>todo}} | + | |
+ | ===== Introduction ===== | ||
+ | |||
+ | Les styles décrits ci-dessous sont le minimum à implémenter lorsque vous voulez définir un style. | ||
+ | La feuille de style doit s'appeler "style.css" et se trouver dans le sous répertoire "style" du thème. | ||
+ | |||
+ | Vous pouvez voir les styles en action avec le [[http://modules.npds.org/sections.php?op=viewarticle&artid=33 | lien suivant]] | ||
+ | |||
+ | |||
+ | ===== Les styles sur les liens ===== | ||
+ | |||
+ | style **NOIR** : | ||
+ | en général les actions « positives » quand ce ne sont pas des boutons | ||
+ | |||
+ | style **ROUGE** : | ||
+ | en général les actions de type : annulation, suppression… | ||
+ | |||
+ | style **BOX** : | ||
+ | Lien de classe BOX | ||
+ | |||
+ | style **HEADA** : | ||
+ | administration, téléchargement, annuaire notamment | ||
+ | très souvent les liens de menus au sein d'une page | ||
+ | |||
+ | style **ONGL** : | ||
+ | fortement utilisé par NPDS | ||
+ | |||
+ | ===== Les styles sur les tableaux ===== | ||
+ | |||
+ | style **HEADER** | ||
+ | pour les entêtes | ||
+ | |||
+ | styles **LIGNA** / **LIGNB** | ||
+ | Pour le contenu du tableau: alternance de couleur pour les lignes | ||
+ | |||
+ | ===== Les styles sur les champs de formulaires ===== | ||
+ | |||
+ | style **INPUTA** | ||
+ | pour les champs de saisie, LNL, moteur de recherche notamment | ||
+ | |||
+ | style **TEXTBOX** | ||
+ | le plus souvent utilisé pour les textarea | ||
+ | |||
+ | style **TEXTBOX_STANDARD** | ||
+ | champ de saisie, champ de type select | ||
+ | |||
+ | **BOUTON_STANDARD** | ||
+ | Pour les boutons | ||
+ | |||
+ | ===== Les styles de texte ===== | ||
+ | |||
+ | Les styles de type "titre" classé par ordre d'importance décroissante | ||
+ | style **TITRE** | ||
+ | |||
+ | style **TITREA** | ||
+ | |||
+ | style **TITREB** | ||
+ | |||
+ | style **TITREC** | ||
+ | |||
+ | Quelques styles plus particulièrement utilisés dans les blocs | ||
+ | style **TITBOXC** | ||
+ | |||
+ | style **TITBOXCONT** | ||
+ | |||
+ | ===== Les séparateurs ===== | ||
+ | |||
+ | style **SEPAR** | ||
+ | Utilisé pour les balises HR | ||
+ | |||
+ | ===== Rappels ===== | ||
+ | |||
+ | De plus n'oubliez par définir préalablement tous les styles classiques de départ dont vont dériver les suivants: | ||
+ | FONT, TD, BODY, P, DIV, INPUT, TEXTAREA, FORM, ... |