image de fond

[ben-truffe]

salut

Voila j'ai changé d'image de fond récemment mais elle ne remplit pas tout le fond du forum. Sur les cotes il y a 2 bande dont je peux changer la couleur via le PA. J'aimerais savoir comment peut faire faire pour enlever les bandes sur les cotés pour que l'image de fond remplisse tout
J'ai déjà essayé de mettre une couleur transparente mais ca me remet une couleur blanche

http://forces-speciales.forumactif.com/

on voit bien deux bandes noir sur les cotés


merci

[Gorgorbey]

Bonjour,

Allez dans :
PA
Affichage
Images et couleurs
Couleurs
Onglet feuille de style CSS

Mettez et enregistrez ce code :

Code:

body {
width:100%;
}

Sinon essayez ceci :

Code:

body {
width:2000px;
}

En augmentant ou réduisant 2000px

Cordialement.

[ben-truffe]

j'ai essayé les 2 solutions mais ca ne marche pas, ca change la taille de la page mais les deux bandes noirs persistent

EDIT : je viens de trouver ca vient de ma feuile CSS, en enlevant toutes les données mon fond est revenu normal


par contre maintenant l'image se double



merci

[Gorgorbey]

Avez-vous gardé une copie de votre CSS et si oui pouvez-vous le mettre ici ?

[ben-truffe]

voila la copie

Spoiler:

body {background-repeat: no-repeat;
background-position: top center;
}

a { text-decoration: none; }

a:hover { text-decoration: none;
}

tr.post span.gensmall { display: none; }

.liteoption, .mainoption{
background-color: #ffffff;
border: Xpx solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

input.liteoption {
background-color : #ffffff;
background-position: top;
font-weight : bold;
color: #000000;
}


input.liteoption:hover {
background-color : #ffffff;
background-position: top;
font-weight : bold;
color: #000000;
}

a.menu_code{
text-decoration: none;
font-family: Arial,Verdana;
color: #ffffff;
font-size: 12px;
}

a.menu_code:hover{
text-decoration: none;
color: #888888;
font-weight : bolder;
}



.statistiques{
border:0px;
background-image: url("http://i68.servimg.com/u/f68/11/08/60/80/qeel310.png");
background-repeat: no-repeat;
height:270px;}


.liensbarre{
color: #d9d9d9;
font-weight : bolder;
font-family: Arial,Verdana;
font-size : 13px;
}

.liensbarre a{
color: #d9d9d9 !important;
}


.messages
{
font-size: 10px;
}

.description
{
font-size: 9px;
}


/* *************ESPACE DES TOUCHES DU MENU DE NAVIGATION**************** */

a.mainmenu img {

margin-right:30px;}


body {
width:100%;
}

Pour info sans le CSS tout marche très bien

je crois que ca vient du :
body {background-repeat: no-repeat;
background-position: top center;

merci
}

[Gorgorbey]

Je dois avouer que là à part agrandir l'image et la remettre, je ne vois pas de solution désolé...

[Adam_sfp]

Bonjour

Vous pouvez essayer ceci (l'image s'adapte en fonction de l'écran )via un script Source

Allez dans modules -->Gestion des codes Javascript

- créer un nouveau javascript.
-mettez un titre par exemple: Backstretch
-cochez sur toutes les pages et collez le code ci dessous et validez.

Code:

(function(a){a.backstretch=function(k,i,l){function m(c){try{g={left:0,top:0},d=e.width(),b=d/j,b>=e.height()?(h=(b-e.height())/2,f.centeredY&&a.extend(g,{top:"-"+h+"px"})):(b=e.height(),d=b*j,h=(d-e.width())/2,f.centeredX&&a.extend(g,{left:"-"+h+"px"})),a("#backstretch, #backstretch img:last").width(d).height(b).filter("img").css(g)}catch(o){}typeof c=="function"&&c()}var n={centeredX:!0,centeredY:!0,speed:0},c=a("#backstretch"),f=c.data("settings")||n;c.data("settings");var e="onorientationchange"in window?a(document):a(window),j,d,b,h,g;i&&typeof i=="object"&&a.extend(f,i);a(document).ready(function(){if(k){var b;c.length==0?c=a("<div />").attr("id","backstretch").css({left:0,top:0,position:"fixed",overflow:"hidden",zIndex:-999999,margin:0,padding:0,height:"100%",width:"100%"}):c.find("img").addClass("deleteable");b=a("<img />").css({position:"absolute",display:"none",margin:0,padding:0,border:"none",zIndex:-999999}).bind("load",function(b){var d=a(this),e;d.css({width:"auto",height:"auto"}); e=this.width||a(b.target).width();b=this.height||a(b.target).height();j=e/b;m(function(){d.fadeIn(f.speed,function(){c.find(".deleteable").remove();typeof l=="function"&&l()})})}).appendTo(c);a("body #backstretch").length==0&&a("body").append(c);c.data("settings",f);b.attr("src",k);a(window).resize(m)}});return this}})(jQuery);$.backstretch("http://brimborion2.free.fr/b/band_of_brothers_01.jpg");

*pour tester enlevez votre image de fond actuelle

Cordialement.

[ben-truffe]

parfait !

merci beaucoup