Image de fond pour tous type d'écran

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 le 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
****

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 le Sam 20 Aoû 2011 - 15:51

Bonjour

Vous pouvez essayez via Jquery et par exemple ICI

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 pour tous type d'écran

Message par CJ21 le 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
****

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 le Sam 20 Aoû 2011 - 19:02

Bonjour

Vous pouvez essayer ceci :
Par exemple cette image de background
http://i49.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.
http://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 http://i49.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
+ 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 pour tous type d'écran

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

Ok, Adam merci pour les précisions Wink

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 le Dim 21 Aoû 2011 - 21:15

Bjr
Nikel sa à marché pour moi aussi

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


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