Image de fond

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Image de fond

Message par MasterChipo Lun 18 Déc 2017 - 0:37

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://jouetavie.forumactif.com/forum

Description du problème

Bonsoir,

Je cherche a mettre une image de fond qui prend toute la page, c'est a dire le header + body + footer.
Est-il possible de mettre ça en place ?
Pour le moment j'ai cette séparation entre le header et le body
https://servimg.com/view/19824698/13

Merci d'avance


Dernière édition par MasterChipo le Lun 18 Déc 2017 - 14:09, édité 1 fois
MasterChipo

MasterChipo
Nouveau membre

Messages : 28
Inscrit(e) le : 14/12/2017

http://jouetavie.forumactif.com/forum
MasterChipo a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Image de fond

Message par ◦Jay◦ Lun 18 Déc 2017 - 7:32

Bonjour MasterChipo, pour mettre une image en fond, vous pouvez mettre ce code dans votre feuille de style CSS :

Code:
body#modernbb{background-image:url(url de votre image ici);
background-size:cover;
background-attachment:fixed;}

J'ai mis background-attachment:fixed; pour que l'image soit fixe, si vous souhaitez qu'elle suive le déroulement du forum, remplacez par background-attachment:scroll;

Ensuite, il vous faut ajouter ce code pour rendre tous les éléments transparents :

Code:
.headerbar,#wrap,html,.statistics,#page-footer{background:transparent !important;}

Bien à vous.
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond

Message par MasterChipo Lun 18 Déc 2017 - 14:08

Bonjour,

Nickel ! ça fonctionne parfaitement merci ! Smile
MasterChipo

MasterChipo
Nouveau membre

Messages : 28
Inscrit(e) le : 14/12/2017

http://jouetavie.forumactif.com/forum
MasterChipo a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum