[Help]Changer Couleur de fond par une image qui se répète

[lamarianne]

VERSION_MyBB : 1.8.6
Bonsoir,

[Ma Situation]
- Je viens d'installer la dernière version de MyBB (1.8.6).
- j'y ai ensuite appliqué le thème Alpha Gaming et mis par défaut.
- puis installé le pack de traduction FR que j'ai mis par défaut de partout.

- Le fond du site est une couleur unie (voir ci dessous en rose saumon pour mettre en évidence)


[Problématique]

- J'aimerai mettre une image qui se répéte en background à la place de la couleur unie.
(voir image background ci dessous)


en résumé j'aimerai que le fond de mon forum http://lamarianne.org/VraiRhum/index.php soit le même que celui ci http://lamarianne.org/FauxRhum/

quelqu'un sais m'aider svp?

[Pichorka]

Bonjour,

Je te répond, juste pour information et aide pour la compréhension de ta demande, afin de donner un peu de lumière, qui pourrai sans doute te mettre sur la voie.

Ces 2 thèmes sont différents.
Un est sur la base du thème par défaut de MyBB (selon ce que j'ai vu).
L'autre thème a été complètement modifié, vu qu'il a ses propres feuilles de styles, php, et d'autres peu-être a voir ...
Toute modification même minime, peu avoir un incidence sur tout le thème.

Si cela peu t'aider a comprendre, regarde dans la feuille de style global.css pour : lamarianne.org/VraiRhum
Le contenu de la partie concerné ou tu voudrai une image "background" ne contient que de la couleur, background: #d3d4d6; (ROSE)

Tu peux le voir dans la feuille de style "global.css" concerné "lamarianne.org/VraiRhum"
background: #d3d4d6; c'est la couleur du fond un peu rose, qui n'est pas une image et que tu veux remplacer par une image.

Voila la partie de la feuille de style - EXTRAIT DE GLOBAL.CSS (Alpha Gaming)

Code :

body {
   background: #d3d4d6;
   color: #333;
   text-align: center;
   line-height: 1.4;
   margin: 0;
   font-family: Tahoma, Verdana, Arial, Sans-Serif;
   font-size: 13px;
   overflow-y: scroll;
   margin: auto;
}

Dans l'autre forum, (lamarianne.org/FauxRhum), il a ses propres feuilles de styles, dont celle qui contient l'adresse et le chemin de l'image et il peu y avoir aussi pas mal de modifications d'autres feuilles de style et autre fichiers php etc.

Voila la partie de la feuille de style qui contient l'image, - EXTRAIT DE ???????.css(SE_Gamer/theme) j'ignore le nom du fichier CSS et le nom du thème.

Code :

background: url("./styles/SE_Gamer/theme/images/bg.jpg") repeat left top #f9f9f9;

Tu pourrai juste changer le "background: #d3d4d6;" par "background: url("./styles/SE_Gamer/theme/images/bg.jpg") repeat left top #f9f9f9;"
Mais cela ne marchera pas, puisse que l'image ne sera pas trouvée dans le dossier lamarianne.org/VraiRhum vu que ce et ces dossiers et fichiers n'existe pas dans lamarianne.org/VraiRhum mais uniquement dans "lamarianne.org/FauxRhum" donc pas d'image, il faut lui indiquer ou la trouver.

Je t'explique tout ceci à titre d'information.

Je ne peux pas plus t'aider, car le moindre changement dans une feuille de style ou autre fichiers et toujours délicat et souvent plein de surprises à corriger.
Sinon le code pour le "background" serait sauf erreur si tu copie bien le et les dossiers/sous/dossiers/image de fond en question bien au même emplacement qu'il se trouve dans "lamarianne.org/FauxRhum" , dans " lamarianne.org/VraiRhum" :

Code :

background: url("./styles/SE_Gamer/theme/images/bg.jpg") repeat left top #f9f9f9;

Bon courage, j'espère t'avoir éclairer et l'équipe de MyBB.fr te dira si c'est bon ou pas ou comment bien faire, je te conseillerai d'attendre leurs avis
Cordialement,

[Jules]

Bonjour!
En effet, Pichorka, votre message est bon

Cependant, pour le "deuxième" thème, c'est tout à fait normal que les fichiers ne soient pas les mêmes puisqu'il n'est pas propulsé par MyBB mais par PhpBB.

Donc pour récapituler :
Vous devez vous rendre dans la feuille de style global.css correspondant à votre thème, et changer l'élément body.
Vous devez renseigner pour l'attribut "background" que vous voulez une image :

Code :

background: url('lien vers l'image');

Et si vous voulez qu'elle se répète sur tout l'écran :

Code :

background: url('lien vers l'image') repeat;

Le mieux étant d'ajouter une couleur de fond, au cas où, de cette façon :

Code :

background: url('lien vers l'image') repeat #code_couleur;

[Nitrome]

Et pour faire en sorte que l'image s'adapte en fonction de la taille de l'écran, mettre:

Code PHP :

background: url(url_image) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 


Bonne journée

EDIT: vu la qualité de l'image, c'est peut être pas la meilleure solution en fait^^

[lamarianne]

Merci beaucoup de vos réponces, je vais mettre vos conseils en place.
je repasse d'ici peut pour vous dire ce qu'il en est !