MyBB.support, le portail francophone de MyBB

Version complète : [Help]Changer Couleur de fond par une image qui se répète
Vous consultez actuellement la version basse qualité d’un document. Voir la version complète avec le bon formatage.

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)
[Image: roze.png]

[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)
[Image: gggbg.jpg]

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?
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 Smile
Cordialement,
Bonjour!
En effet, Pichorka, votre message est bon Wink

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;
Et pour faire en sorte que l'image s'adapte en fonction de la taille de l'écran, mettre:

Code PHP :
backgroundurl(url_imageno-repeat center center fixed;
-
webkit-background-sizecover;
-
moz-background-sizecover;
-
o-background-sizecover;
background-sizecover

Bonne journée Wink

EDIT: vu la qualité de l'image, c'est peut être pas la meilleure solution en fait^^
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 !
 Utilitaire de traduction fourni par Regentronique