Modification basique du titre d'un blog
Partie "Haut"
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur de fond | background | Choisir | |
| Image de fond | background-image | Adresse d'une image (clic droit>propriétés sur une image) | |
| Répetition de l'image de fond | background-repeat | Dépend de l'image de fond | |
| Hauteur | height | Dimension en pixels (ex : 200px) | |
| Marge intérieure haute | padding-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 :
#haut
{
background : #EBEDAB; /* couleur du fond modifiée */
background-image : url(http://);
background-repeat : repeat;
height : 80px; /* hauteur agrandie pour contenir le titre */
padding-top : 5px;
border-width : 4px; /* taille bordure augmentée */
border-style : double; /* style bordure modifié */
border-color : #00FF00; /* couleur bordure modifiée */
text-align : center;
background-attachment : fixed;
}
Partie "Haut > Titre"
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur du texte | color | Choisir | |
| Décoration du texte | text-decoration | ||
| Taille de la police | font-size | ex: 10pt | |
| Famille de la police | font-family | ex: Arial, Verdana, Trebuchet MS |
CSS de cette régle :
#haut h1 a
{
color : #00CC00; /* attribut ajouté */
text-decoration : none;
font-size : 40pt; /* taille des caractères augmentée */
font-family : Comic sans Ms;
}
Commentaires
Emmanuel4 site : Emmanuel4.blog4ever.com | le 19/08/2009 à 17:04:29Bonjour Papyclic,
Comment modifier la couleur du texte de mon titre ?
Blanc/blanc est difficile à lire.
Merci.
Noël
PapyClic le 19/08/2009 à 19:12:17
Bonjour Noël
La couleur du titre se gère dans la partie "Haut > Titre", si l'attribut color n'est pas dans le tableau il faut l'ajouter, dans "Modification directe du CSS", la règle... #haut h1 a
Pour le titre de ton blog vas voir, mon générateur de design, dans la nouvelle catégorie "DIZ A GOGO".
Bonne continuation