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
avatar

OptimaluS
***

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

https://maturityteam.com
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.
avatar

Gorgorbey
Membre actif

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

Adam_sfp
Membre actif

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

http://antonyadam.1fr1.net/
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
avatar

OptimaluS
***

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

https://maturityteam.com
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.
avatar

Gorgorbey
Membre actif

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

Adam_sfp
Membre actif

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

http://antonyadam.1fr1.net/
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.
avatar

OptimaluS
***

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

https://maturityteam.com
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