Fond de page changant selon la résolution?

3 participants

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

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

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 Ven 20 Jan 2012 - 9:45

bonjour

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

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

Message par OptimaluS 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

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

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

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

Message par OptimaluS 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

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

- Sujets similaires

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