Image de fond pour tous type d'écran
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Image de fond pour tous type d'écran
Bonjour à tous,
J'ai installé une image de fond sur mon forum, le problème c'est que je me suis aperçu que sur un écran 24" cette image de fond était décalé j'aimerais savoir comment faire pour qu'elle soit normalement centré pour tous type d'écran? Ou alors de faire en sorte qu'il y est des bords blanc de chaque côté de l'image pour ne pas que cela fasse une série d'image côte à côte.
Merci de l'aide que vous saurez m’apporter.
Cordialement, jessy
J'ai installé une image de fond sur mon forum, le problème c'est que je me suis aperçu que sur un écran 24" cette image de fond était décalé j'aimerais savoir comment faire pour qu'elle soit normalement centré pour tous type d'écran? Ou alors de faire en sorte qu'il y est des bords blanc de chaque côté de l'image pour ne pas que cela fasse une série d'image côte à côte.
Merci de l'aide que vous saurez m’apporter.
Cordialement, jessy
Dernière édition par CJ21 le Lun 22 Aoû 2011 - 9:13, édité 1 fois
Re: Image de fond pour tous type d'écran
Es-que vous pouvez m'en dire un peu plus concernant ce logiciel svp.
Re: Image de fond pour tous type d'écran
Bonjour
Vous pouvez essayer ceci :
Par exemple cette image de background
https://i.servimg.com/u/f49/12/69/24/33/sample13.jpg
On va utiliser le script jQuery Backstretch et se servir de la gestion des codes javascripts de FA.
https://forum.forumactif.com/t311791-gestion-des-codes-javascript
Et donc mettre ce code dans:
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.
Pour votre propre background changer https://i.servimg.com/u/f49/12/69/24/33/sample13.jpg dans le code par le lien de votre image hébergé.
*il est aussi possible apparemment avec ce script de mettre plusieurs background qui change selon un temps donné...
Cordialement.
Vous pouvez essayer ceci :
Par exemple cette image de background
https://i.servimg.com/u/f49/12/69/24/33/sample13.jpg
On va utiliser le script jQuery Backstretch et se servir de la gestion des codes javascripts de FA.
https://forum.forumactif.com/t311791-gestion-des-codes-javascript
Et donc mettre ce code dans:
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://i49.servimg.com/u/f49/12/69/24/33/sample13.jpg");
Pour votre propre background changer https://i.servimg.com/u/f49/12/69/24/33/sample13.jpg dans le code par le lien de votre image hébergé.
*il est aussi possible apparemment avec ce script de mettre plusieurs background qui change selon un temps donné...
Cordialement.
Re: Image de fond pour tous type d'écran
Ok, Adam merci pour les précisions
Re: Image de fond pour tous type d'écran
Bjr
Nikel sa à marché pour moi aussi
Nikel sa à marché pour moi aussi
Sujets similaires
» Pour l'image de fond
» Image aléatoire en image de fond pour mon forum général, comment procéder ?
» Mon fond d'écran, l'ajuster pour tous les écrans
» Problème pour trouvé la bonne dimension pour l'image de fond du forum
» Image de fond pour citations
» Image aléatoire en image de fond pour mon forum général, comment procéder ?
» Mon fond d'écran, l'ajuster pour tous les écrans
» Problème pour trouvé la bonne dimension pour l'image de fond du forum
» Image de fond pour citations
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum