CSS - fond d'écran (1)
Début des régles de style du modèle
Première règle de style du modèle : body
body {
background: url(img5/fond.jpg) #000;
margin: 15px 0 15px 0;
padding: 0 0 0 0;
font: 10pt trebuchet MS;
text-align: center;
color: #60B274;
}
- background : le fond du site
pour le changer il faut remplacer (img5/fond.jpg) par l'adresse complète de de l'image - #000 code couleur qui encadrera l'image ou remplacera l'image en cas de problème d'affichage de l'image
body {
background: url(img5/fond.jpg) #000;
Si l'image doit remplir tout l'écran, elle doit être hébergée à l'extérieur de Blog4ever et sans être redimenssionnée.
Pour essayer les couleurs par leur nom c'est plus simple et plus facile à retenir. Palette des 16 couleurs avec leur nom
ATTENTION !!! pas d'espace entre url et la parenthèse, également ne pas oublier le ; (point-virgule) en fin de ligne.- margin: marge extérieure en pixel par rapport à la base de la page HTML
- 15px haut, 0 droite, 15px bas, 0 gauche (dans le sens des aiguilles d'une montre) .
- J'ai laissé pour l'instant ces paramètres sans comprendre la raison.
margin: 15px 0 15px 0;
- Possible également:
- margin-top: 15px; /* Espace/marge-ext du bas */
- margin-right: 0px; /* Espace/marge-ext de droite */
- margin-bottom: 15px; /* Espace/marge-ext du bas */
- margin-left: 0px; /* Espace/marge-ext de gauche */
- padding: marge intérieure en pixel par rapport à la base de la page HTML
- 0 haut, 0 droite, 0 bas, 0 gauche (dans le sens des aiguilles d'une montre)
padding: 0 0 0 0;
- Possible également:
- padding-top: 0px; /* Espace/marge-int du bas */
- padding-right: 0px; /* Espace/marge-int de droite */
- padding-bottom: 0px; /* Espace/marge-int du bas */
- padding-left: 0px; /* Espace/marge-int de gauche */
mais plus simplement : - margin: 0; /* comme toutes les marges sont identiques */
font: 10pt trebuchet MS;
text-align: center;
color: #60B274;
}
Ces 3 dernières lignes sont le texte, je pense que dans le fond d'écran c'est inutile, je reviendrai sur ce sujet à l'occasion des règles de style où le texte a plus d'importance... à suivre
