Modification basique du titre d'un blog
DizTest par PapyClic
| 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;
}
{
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;
}
| 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;
}
{
color : #00CC00; /* attribut ajouté */
text-decoration : none;
font-size : 40pt; /* taille des caractères augmentée */
font-family : Comic sans Ms;
}
