image de fond

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu image de fond

Message par ben-truffe le Lun 29 Aoû 2011 - 10:46

salut Smile

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 Smile


Dernière édition par ben-truffe le Lun 29 Aoû 2011 - 12:07, édité 1 fois

ben-truffe
*

Messages : 41
Inscrit(e) le : 22/04/2011

http://teamsag.forumgratuit.org/
ben-truffe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image de fond

Message par Gorgorbey le Lun 29 Aoû 2011 - 11:03

Bonjour,

Allez dans :
Arrow PA
Arrow Affichage
Arrow Images et couleurs
Arrow Couleurs
Arrow 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.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image de fond

Message par ben-truffe le Lun 29 Aoû 2011 - 11:18

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

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


par contre maintenant l'image se double Confused



merci

ben-truffe
*

Messages : 41
Inscrit(e) le : 22/04/2011

http://teamsag.forumgratuit.org/
ben-truffe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image de fond

Message par Gorgorbey le Lun 29 Aoû 2011 - 11:24

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

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image de fond

Message par ben-truffe le Lun 29 Aoû 2011 - 11:27

voila la copie Smile

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 Smile
}

ben-truffe
*

Messages : 41
Inscrit(e) le : 22/04/2011

http://teamsag.forumgratuit.org/
ben-truffe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image de fond

Message par Gorgorbey le Lun 29 Aoû 2011 - 11:44

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

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image de fond

Message par Adam_sfp le Lun 29 Aoû 2011 - 11:48

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.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image de fond

Message par ben-truffe le Lun 29 Aoû 2011 - 12:07

parfait ! Very Happy

merci beaucoup Smile

ben-truffe
*

Messages : 41
Inscrit(e) le : 22/04/2011

http://teamsag.forumgratuit.org/
ben-truffe a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum