Adapter automatiquement l'image de fond

Résolu/Fermé
yamall Messages postés 24 Date d'inscription samedi 12 octobre 2013 Statut Membre Dernière intervention 16 septembre 2015 - Modifié par irongege le 12/10/2013 à 21:07
yamall Messages postés 24 Date d'inscription samedi 12 octobre 2013 Statut Membre Dernière intervention 16 septembre 2015 - 12 oct. 2013 à 23:53
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 .



6 réponses

Utilisateur anonyme
12 oct. 2013 à 17:04
salut, je vois pas d'image de fonds...
0
RaceGame Messages postés 4435 Date d'inscription samedi 26 mars 2011 Statut Membre Dernière intervention 28 septembre 2018 548
12 oct. 2013 à 17:06
Salut

Moi si et en effet elle est pas très grande l'image.. Cela dit je ne serais t'aidé !
0
yamall Messages postés 24 Date d'inscription samedi 12 octobre 2013 Statut Membre Dernière intervention 16 septembre 2015
12 oct. 2013 à 17:10
Salut vous 2, j'ai essayé avec un autre PC et je la vois bien aussi, étrange lobotofix.
0
RaceGame Messages postés 4435 Date d'inscription samedi 26 mars 2011 Statut Membre Dernière intervention 28 septembre 2018 548
12 oct. 2013 à 17:14
Testé sur Chrome et IE et y'a bien l'image..
0
C'est la petite image au dessus "gran turismo 6" ?

tu as accès au code ?

׺°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[׺°"~'"°º×
0
Utilisateur anonyme
12 oct. 2013 à 17:20
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;
}

0
Utilisateur anonyme
12 oct. 2013 à 17:26
ce qui donne ça : http://img843.imageshack.us/img843/6979/vsnj.png
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
yamall Messages postés 24 Date d'inscription samedi 12 octobre 2013 Statut Membre Dernière intervention 16 septembre 2015
12 oct. 2013 à 20:32
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.
0
Utilisateur anonyme
12 oct. 2013 à 20:39
salut, c'est toi qui à placé le css de l'image de body ?

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;


si oui tu rajoute à la suite, car je regarde dans le code source de la page d'acceuil et je vois pas de css externe, je pense qu'il est inclue depuis un fichier (overall_header.tpl ) comme son nom l'indique pourrait être la solution.
0
yamall Messages postés 24 Date d'inscription samedi 12 octobre 2013 Statut Membre Dernière intervention 16 septembre 2015
12 oct. 2013 à 23:53
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
0