Image de fond pour tous type d'écran

3 participants

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

Résolu Image de fond pour tous type d'écran

Message par CJ21 Sam 20 Aoû 2011 - 14:43

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


Dernière édition par CJ21 le Lun 22 Aoû 2011 - 9:13, édité 1 fois
CJ21

CJ21
****

Masculin
Messages : 224
Inscrit(e) le : 14/08/2011

http://www.chasseur-bourguignon.com
CJ21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour tous type d'écran

Message par Adam_sfp Sam 20 Aoû 2011 - 15:51

Bonjour

Vous pouvez essayez via Jquery et par exemple ICI

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

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

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour tous type d'écran

Message par CJ21 Sam 20 Aoû 2011 - 18:44

Adam_sfp a écrit:Bonjour

Vous pouvez essayez via Jquery et par exemple ICI

Cordialement.

Es-que vous pouvez m'en dire un peu plus concernant ce logiciel svp. Wink
CJ21

CJ21
****

Masculin
Messages : 224
Inscrit(e) le : 14/08/2011

http://www.chasseur-bourguignon.com
CJ21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour tous type d'écran

Message par Adam_sfp Sam 20 Aoû 2011 - 19:02

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.




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.
Adam_sfp

Adam_sfp
Membre actif

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

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour tous type d'écran

Message par CJ21 Sam 20 Aoû 2011 - 19:46

Ok, Adam merci pour les précisions Wink
CJ21

CJ21
****

Masculin
Messages : 224
Inscrit(e) le : 14/08/2011

http://www.chasseur-bourguignon.com
CJ21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour tous type d'écran

Message par wiwimoto Dim 21 Aoû 2011 - 21:15

Bjr
Nikel sa à marché pour moi aussi
wiwimoto

wiwimoto
*

Masculin
Messages : 39
Inscrit(e) le : 06/08/2011

http://team-passion-moto.forumgratuit.org/
wiwimoto a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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