CSS : Bannière en fond + image de fond

[SavantFou]

Salut ! Je sais pas si mon message est au bon endroit vu qu'il concerne les codes mais aussi l'apparence du forum alors s'il est pas bon vous pouvez le déplacer   

Bref, j'ai utilisé un thème trouvé sur Hitskin. Jusque là pas de problème. Sauf que la bannière du forum ne se trouvait pas dans la gestion des images mais dans le css, l'image est en fond. Tout va bien, je mets mon image mais, du coup on ne peut mettre que de la "couleur" en fond, alors que j'aurais préféré mettre une image.


Pour remédier à ce problème, j'ai changé la bannière par l'image que je voulais, et mis l'image de la bannière dans "gestion des images". L'image de fond était très bien, mais en faisant ça, la bannière avait sa taille réduite, et n'était plus collé en haut du forum, comme ça l'était avant.

Je sais pas si vous saisissez bien ce que je veux dire, en gros, j'aimerai modifier mon css pour que la bannière reste en fond, comme elle était mais qu'on puisse en plus mettre une autre image de fond, à la place du violet que j'ai !


Merci si vous comprenez ce que je veux et que vous m'aidez !

Adresse du forum : http://themistofgotham.forumactif.org/

[SavantFou]

Personne ?

[MlleAlys]

Bonjour,
tu peux essayer avec la fonction de background multiple, mais je ne sais pas si elle est supportée par les vieux navigateurs =s :

Code:

body {
    background-color : #1F1E22;
    background-image: url(http://img15.hostingpics.net/pics/945219fondaveclestrucssurlecot.png), url(URL DE LA DEUXIEME IMAGE);
    background-attachment: scroll, fixed;
    background-position: top center, center center;
    background-repeat: no-repeat, repeat;
    background-size: auto, cover;
}

Pour chaque propriété, la valeur avant la virgule s'applique à l'image du dessus, c'est à dire la bannière, et la deuxième à celle du dessous, c'est à dire l'image de fond ^^

Les valeurs sont modifiables en fonction de l'image de fond bien en question bien sûr ^^ (si c'est un motif répété, il faudra chager le "cover" de background-size, etc ^^)

[SavantFou]

Super ! Merci beaucoup, c'est parfaitement ce qu'il me fallait ! J'ai changé le cover de background size par "auto", et tout fonctionne parfaitement ! Résolu !