Adapter automatiquement l'image de fond Résolu/Fermé

Question

Bonjour à tous, j'ai crée un forum (xooit)
dont voici l'adresse  http://gt6-lesfurieux.xooit.fr/index.php
Le forum traite du jeu GT6, mon problème ou du moins ma question est le suivant .
J'ai inséré une image de fond (photo), une fois celle-ci en place elle ne couvre pas la largeur de
mon forum . Existe t-il une manip pour remédier à cela . 
Je souhaiterai que lorsqu'un visiteur passe sur le forum que ce dernier s'adapte automatiquement à la résolution de son écran.
En passant une autre question je souhaite changer la couleur pour le pseudo du modérateur mais
en passant par "panneau d'admin" > administration de groupe > modifier couleur, rien n'y fait
et pourtant en regardant sur "liste de membres" le changement de couleur (jaune à vert) est bon
mais n'apparaît pas sur le forum .
Voilà désolé d'avoir été un peu long et merci pour votre aide .



Configuration: Windows 7 / Chrome 30.0.1599.69

Utilisateur anonyme · Answer

salut, je vois pas d'image de fonds...

yamall · Answer

Salut vous 2, j'ai essayé avec un autre PC et je la vois bien aussi, étrange lobotofix.

Utilisateur anonyme · Answer

C'est la petite image au dessus "gran turismo 6" ?

tu as accès au code ? 
 
×º°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[×º°"~'"°º×

Utilisateur anonyme · Answer

Alors voilà, si tu as accès au code,

tu as dans ton css de ta page :

body {background-color: ;scrollbar-face-color: #1E6CE0;scrollbar-highlight-color: #000000;scrollbar-shadow-color: #1E6CE0;scrollbar-3dlight-color: #1E6CE0;scrollbar-arrow-color: #F2FC02;scrollbar-track-color: #1E6CE0;scrollbar-darkshadow-color: #F91905;background-image: url("http://media.meltyxtrem.fr/article-1527024-ajust_930/nascar-a-daytona.jpg");background-repeat: no-repeat;background-position : center top;background-attachment: fixed;} 
 

c'est au dessus

tu rajoute ca :

-webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;

ce qui fait :

body {background-color: ;scrollbar-face-color: #1E6CE0;scrollbar-highlight-color: #000000;scrollbar-shadow-color: #1E6CE0;scrollbar-3dlight-color: #1E6CE0;scrollbar-arrow-color: #F2FC02;scrollbar-track-color: #1E6CE0;scrollbar-darkshadow-color: #F91905;background-image: url("http://media.meltyxtrem.fr/article-1527024-ajust_930/nascar-a-daytona.jpg");background-repeat: no-repeat;background-position : center top;background-attachment: fixed;-webkit-background-size: cover;   -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

yamall · Answer

Bonsoir lobotofix et merci pour ton aide, j'ai en effet accès à ces codes via les templates .
Par contre je place dans quelle template le code que tu me communiques ?
formie.css ou
subsilver.css

ou

Pour info la modif pour placer l'image, je l'avais mise dans : overall_header.tpl

/* General page style. The scroll bar colours only visible in IE5.5+ */
body { 
	background-color: {T-BODY_BGCOLOR};
	scrollbar-face-color: {T_TR_COLOR2};
	scrollbar-highlight-color: {T_TD_COLOR2};
	scrollbar-shadow-color: {T_TR_COLOR2};
	scrollbar-3dlight-color: {T_TR_COLOR3};
	scrollbar-arrow-color:  {T_BODY_LINK};
	scrollbar-track-color: {T_TR_COLOR1};
	scrollbar-darkshadow-color: {T_TH_COLOR1};
background-image: url("http://media.meltyxtrem.fr/article-1527024-ajust_930/nascar-a-daytona.jpg");
background-repeat: no-repeat;
background-position : center top;
background-attachment: fixed;

Encore merci.

yamall · Answer

J'ai rajouté ton code à la suite dans overall_header.tpl et ça fonctionne, bravo.
Un grand merci pour ton aide précieuse .
J'aurai d'autres questions à poser donc à très bientot .

Merci lobotoFix

Adapter automatiquement l'image de fond

6 réponses

Discussions similaires