Fond de page changant selon la résolution?

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

Résolu Fond de page changant selon la résolution?

Message par OptimaluS le Ven 20 Jan 2012 - 2:26

Bonjour,
Mon souci actuel est que le fond de page et le logo de mon forum ne change pas selon la résolution d'écran de chacun de mes visiteurs.
Donc pour régler ce souci j'ai intégrer un code Javascript que je mets en dessous :


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("").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://img15.hostingpics.net/pics/295370TeamSniperCCBA.gif");

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("").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://img15.hostingpics.net/pics/542641fondtransparent.gif");

Le premier code correspond au fond de page.
Le deuxième code correspond au logo .


Donc pour finir ces deux code fonctionner parfaitement sur mon ancien forumactif(http://www.stbb.biz/portal) mets sur celui ci il ne fonctionne pas sur mon nouveaux forum(
http://ccba.forumgratuit.org/).Aurai-t'il un souci avec ces codes?Que faire?
Besoin d'aide svp.MERCI.


Dernière édition par titibaloche le Lun 23 Jan 2012 - 23:53, édité 1 fois

OptimaluS
***

Masculin
Messages : 158
Inscrit(e) le : 11/09/2011

http://maturityteam.forumactif.org/
OptimaluS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de page changant selon la résolution?

Message par Gorgorbey le Ven 20 Jan 2012 - 7:01

Bonjour,

Votre Javascript m'a l'air bien complexe. Si vous voulez vous avez ce tutoriel pour le background changeant selon la résolution du visiteur.

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: Fond de page changant selon la résolution?

Message par Adam_sfp le Ven 20 Jan 2012 - 9:45

bonjour

Si vous avez des templates modifiés assurez vous que c'est à jour..
http://forum.forumactif.com/t308422-nouveaute-forumactif-gestion-des-codes-javascript#edit-temp

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: Fond de page changant selon la résolution?

Message par OptimaluS le Ven 20 Jan 2012 - 17:30

Mes templates sont a jour,De plus le tuto que vous me proposer ne va pas car il me pixelise mes images et on ne voit pas le fond d'écran entièrement.

Au Secours. Sad

OptimaluS
***

Masculin
Messages : 158
Inscrit(e) le : 11/09/2011

http://maturityteam.forumactif.org/
OptimaluS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de page changant selon la résolution?

Message par Gorgorbey le Ven 20 Jan 2012 - 17:44

Il faut que vous ayez une image de résolution importante pour pouvoir la mettre en fond et qu'elle s'adapte aux grands écrans.

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: Fond de page changant selon la résolution?

Message par Adam_sfp le Ven 20 Jan 2012 - 18:32

Bonsoir

Le script est en place actuellement sur vos 2 forums.?
Vous avez votre fond deux fois??
il est aussi affiché via votre CSS.....

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: Fond de page changant selon la résolution?

Message par OptimaluS le Lun 23 Jan 2012 - 23:51

Merci pour toutes ces réponses mon problème est résolu ,j'avais juste des erreurs dans ma feuille de style.

A bientôt.

OptimaluS
***

Masculin
Messages : 158
Inscrit(e) le : 11/09/2011

http://maturityteam.forumactif.org/
OptimaluS 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