Pour mettre une couleur en fond
.footer-outer {background-color: #800080;}Si vous ne connaissez pas les codes couleur, regardez cet article
Pour mettre une texture carrée qui se répète horizontalement et verticalement
.footer-outer {background-image:URL(adresse de la texture);}Pour mettre une texture rectangulaire qui se répète seulement verticalement
.footer-outer {background-image:URL(adresse de la texture);background-repeat:repeat-y;}Pour mettre une grande image (même largeur que l'entête) qui ne se répète pas, qui est centrée et fixe
.footer-outer {background-image: url(adresse de l'image);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}Bon à savoir :
background-attachment:fixed : L'image est fixe lorsque la page défile.
background-attachment:scroll : L'image défile avec la page. Sachant que si le fond n'est pas fixe, il est sous-entendu qu'il est mobile.Il n'est donc pas utile de rajouter background-attachment:scroll
Pour connaître les différents fonds possibles : découvrir les background
Après vos modifications, pensez à enregistrer. Les modifications apparaissent immédiatement à l'écran.
Bonjour Annak !
RépondreSupprimerMerci beaucoup pour cet article, le seul qui m'a donné la solution à mon problème: changer la couleur du footer. J'avais presque tout essayé sans succès, mais l'ajout de ce simple CSS a tout résolu. Ma barre ne colle pas encore à l'idée que je m'en fais, mais grâce à toi, commence à s'en rapprocher :)
Elsa
Argh, j'ai écrit trop vite !
RépondreSupprimerJe rectifie, Bonjour Anna.k !
:)