Les éléments de la partie "Menu"
ACCUEIL <<< Tests de localisation <<<
 |
 |
 |
 |
 |
 |
Le "Menu" est composé de titres(modules) et des liens certains sous forme de liste, je vais mettre des couleurs pour les localiser de façon à repérer la régle qui les gère.
Menu > éléments de la liste
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur de fond | background | Choisir | |
| Largeur | width | Dimension en pixels (ex : 200px) | |
| Marge extérieure haute | margin-top | Dimension (ex: 10px) | |
| Taille de la bordure | border-width | Dimension (ex:2px) | |
| Style de la bordure | border-style | ||
| Couleur de la bordure | border-color | Choisir |
CSS de cette règle :
#menu ul li
{
background : #FFFF00; /* jaune */
width : 170px;
margin-top : -1px;
border-width : 1px;
border-style : solid;
border-color : #669900; /* vert */
}
Menu > liens
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur de fond | background | Choisir | |
| Couleur du texte | color | Choisir | |
| Largeur | width | Dimension en pixels (ex : 200px) | |
| Taille de la police | font-size | ex: 10pt | |
| Famille de la police | font-family | ex: Arial, Verdana, Trebuchet MS |
CSS de cette règle :
#menu ul li a
{
background : #FF9900; /* orange */
color : #669900; /* vert */
width : 170px;
font-size : 10pt;
font-family : Arial;
line-height : 25px;
}
Menu > liens au survol
Partie "Menu > liens au survol"
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur de fond | background | Choisir | |
| Couleur du texte | color | Choisir | |
| Décoration du texte | text-decoration |
CSS de cette règle :
#menu ul li a:hover
{
background : #99FF99; /* vert clair */
color : #FF6699; /* orange */
text-decoration : none;
}
Menu > titres
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur de fond | background | Choisir | |
| Couleur du texte | color | Choisir | |
| Largeur | width | Dimension en pixels (ex : 200px) | |
| Hauteur | height | Dimension en pixels (ex : 200px) | |
| Taille de la police | font-size | ex: 10pt | |
| Taille de la bordure | border-width | Dimension (ex:2px) | |
| Style de la bordure | border-style | ||
| Couleur de la bordure | border-color | Choisir |
CSS de cette règle :
#menu h2
{
background : #CC3300; /* marron */
color : #FFFF00; /* jaune */
width : 170px;
height : 25px;
font-size : 15pt;
border-width : 1px;
border-style : solid;
border-color : #000000; /* noir */
text-align : center;
}
A Voir...
Pour voir toutes les règles de CSS concernant la "Partie Menu" [lien]
Commentaires
simon site : http://paysages-corses.blog4ever.com/blog/index-192458.html | le 29/12/2008 à 23:07:59Bonsoir Papyclic
Excelent, avec les couleurs je comprend beaucoup mieux.
Par contre la partie statistique ne se modifie pas avec la partie menue et dans cette page elle est de même couleur (fond jaune)ce qui est normal mais l'écriture est noire et sans survol.
Cela est dû à un code color dans une autre partie?
En tout cas bravo,grace à toi je modifie le css de mon module 5 sans avoir trop peur.
(Je poserai cette question dans le forum)
Merci