Petit problème adaptation des fonds d'écran

3 participants

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

Résolu Petit problème adaptation des fonds d'écran

Message par selas Lun 12 Déc 2011 - 8:34

Bonjour a tous,

Voila j'ai suivi le tuto pour adapter le fond écran de mon forum a plusieurs tailles d'écrans.

Voici ce qu'il y a dans mon Codes Javascript:

Code:
$(function(){if(screen.width < 800) bg="http://img703.imageshack.us/img703/695/800nv.jpg";else if(screen.width < 1024) bg="http://img714.imageshack.us/img714/1238/1024p.jpg";else if(screen.width < 1280) bg="http://img52.imageshack.us/img52/7959/1280b.jpg";else if(screen.width < 1366) bg="http://img100.imageshack.us/img100/5106/1366m.jpg";else if(screen.width < 1440) bg="http://img85.imageshack.us/img85/6617/1440j.jpg";else if(screen.width < 1600) bg="http://img511.imageshack.us/img511/5729/1600v.jpg";document.body.style.backgroundImage="url("+bg+")";});

Différents fonds d'écran pour chaque taille.

Je viens de refaire le fond d'écran de mon forum, pour les fêtes de fin d'année.

Donc je suis aller dans AFFICHAGE,GESTION DES IMAGES, et j'ai remplacer le fond avec mon nouveau.

Euhhhhh il s'affiche aussi pour les autres alors que je ne l'ai et pas encore configurer pour, sur mon portable 14 pouces très beau rendu ( puisque j'ai travailler sur le thème avec), mais pour mon Pc de bureau 19 pouces rendu horrible. Pourquoi il a pris en compte ce background???

Es que cela vient du faite que je les mis dans AFFICHAGE,GESTION DES IMAGES??? il le prend donc en compte pour tout le monde????.

Dans ce cas la comment faire pour qu'il s'adapte a tous?

Je ne poste aucun background dans AFFICHAGE,GESTION DES IMAGES mais que via mon CODE JAVASCRIPT???

Merci d'avance pour vos aides a tous.

Très bonne journée a tous. Very Happy Very Happy

Cordialement

...furine...
selas

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit problème adaptation des fonds d'écran

Message par Adam_sfp Lun 12 Déc 2011 - 8:57

Bonjour

Oui il ne faut rien mettre dans AFFICHAGE,GESTION DES IMAGES.
Le javascript tout seul est suffisant.

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: Petit problème adaptation des fonds d'écran

Message par selas Lun 12 Déc 2011 - 9:13

Super rapide Adam_sfp,

Je test cela de-suite.

Merci

Cordialement
selas

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit problème adaptation des fonds d'écran

Message par selas Lun 12 Déc 2011 - 9:30

Décidément je suis pas bon Crying or Very sad Laughing .

J'explique ce que j'ai fait:

Code:
$(function(){

var bg= "Adresse image (largeur plus grande que 1600px)";

if(screen.width < 801) bg="Adresse image (largeur 800px)";
else if(screen.width < 1025) bg="Adresse image (largeur 1024px)";
else if(screen.width < 1281) bg="Adresse image (largeur 1280px)";
else if(screen.width < 1601) bg="Adresse image (largeur 1600px)";

document.body.style.backgroundImage="url(\""+bg+"\")";

});

A partir de la je remplace les lignes ( Adresse image (largeur 1024px)) par le lien directe de mes images que j’héberge sur ImageShack.us.

Peut être que ça ne marche pas du faite que je rajoute une nouvelle ligne dans le code, voici ce que je rajoute pour la taille de mon écran:

else if(screen.width < 1366) bg="https://2img.net/r/ihimizer/img819/7369/1368q.jpg";

C'est peut être a cause de cette ligne que ça ne marche pas, enfin je suppose il n'est peut être pas possible de rajouter des lignes a ce code.

Cordialement

Selas
selas

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit problème adaptation des fonds d'écran

Message par Adam_sfp Lun 12 Déc 2011 - 9:39

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: Petit problème adaptation des fonds d'écran

Message par selas Lun 12 Déc 2011 - 9:48

RRRReeeeeee,

J'ai pas le souvenir d'avoir toucher au template Overall_header, mais j'ai tout de même consulter celui-ci et j'ai déja le code {HOSTING_JS} avant la ligne <!-- BEGIN google_analytics_code -->.

Vraiment bizarre What's happen ?!?

Cordialement.
selas

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit problème adaptation des fonds d'écran

Message par Adam_sfp Lun 12 Déc 2011 - 9:55

Bonjour

Vous avez bien coché oui et enregistré dans
Activer la gestion des codes Javascript ?

et coché toutes les pages?
*de mon coté votre premier code fonctionne....
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: Petit problème adaptation des fonds d'écran

Message par selas Lun 12 Déc 2011 - 10:04

Re,

J'avais pas cocher activer la gestion des codes JavaScript du coût je viens de le faire ensuite enregistrer mais ça ne change rien Crying or Very sad Crying or Very sad Very Happy .

Cordialement
selas

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit problème adaptation des fonds d'écran

Message par Adam_sfp Lun 12 Déc 2011 - 10:07

Bonjour

Pouvez vous coller le code que vous utilisez?
le Html est bien activé?

https://forum.forumactif.com/t285442-activation-du-html-3-points-de-controle?highlight=html

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: Petit problème adaptation des fonds d'écran

Message par bando Lun 12 Déc 2011 - 10:09

Bonjour,

Vous n'avez créé aucun code Javascript dans la gestion des Javascript. Du moins, sur http://rc-noumea.nouslesfans.com
bando

bando
Dévactif
Dévactif

Masculin
Messages : 2014
Inscrit(e) le : 05/12/2006

https://forum.forumactif.com
bando a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit problème adaptation des fonds d'écran

Message par selas Lun 12 Déc 2011 - 10:13

Bonjour Dauclem ,

Dans la gestion des Codes JavaScript j'en ai deux.
Pour le son de la ChatBox ainsi que celui des Background

J'espère que ça viens de la ^^. Je suis prêt a supprimer le code JavaScript de la ChatBox

Merci

Cordialement
selas

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit problème adaptation des fonds d'écran

Message par bando Lun 12 Déc 2011 - 10:15


C'est quoi l'url de votre forum ?
bando

bando
Dévactif
Dévactif

Masculin
Messages : 2014
Inscrit(e) le : 05/12/2006

https://forum.forumactif.com
bando a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit problème adaptation des fonds d'écran

Message par selas Lun 12 Déc 2011 - 10:22

Voici mon foum,

http://battlefield3.forumactif.org/

Codialement
selas

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit problème adaptation des fonds d'écran

Message par Adam_sfp Lun 12 Déc 2011 - 10:27

Bonjour

Votre script actuellement en place ne comporte pas les liens vers les images..
il ne peut pas fonctionner...
Code:
$(function(){var bg="Adresse image (largeur plus grande que 1600px)";if(screen.width<801)bg="Adresse image (largeur 800px)";else if(screen.width<1025)bg="Adresse image (largeur 1024px)";else if(screen.width<1281)bg="Adresse image (largeur 1280px)";else if(screen.width<1366)bg="http://img819.imageshack.us/img819/7369/1368q.jpg";else if(screen.width<1601)bg="Adresse image (largeur 1600px)";document.body.style.backgroundImage="url(\""+bg+"\")"});

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: Petit problème adaptation des fonds d'écran

Message par selas Lun 12 Déc 2011 - 10:34

Re,

Bien pourtant si j'ai bien inscrit l'image, juste pour ma résolution d'écran a moi pour tester sur cette ligne.

else if(screen.width<1366)bg="https://2img.net/r/ihimizer/img819/7369/1368q.jpg";

Cordialement
selas

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit problème adaptation des fonds d'écran

Message par Adam_sfp Lun 12 Déc 2011 - 10:38

Bonjour

Essayez avec le code complet..

Vous pouvez aussi essayez celui ci
c'est une variante avec un changement automatique et il s'adapte à la résolution.

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); var images=["http://img703.imageshack.us/img703/695/800nv.jpg","http://img714.imageshack.us/img714/1238/1024p.jpg","http://img52.imageshack.us/img52/7959/1280b.jpg","http://img100.imageshack.us/img100/5106/1366m.jpg","http://img85.imageshack.us/img85/6617/1440j.jpg","http://img511.imageshack.us/img511/5729/1600v.jpg"],index=0;$.backstretch(images[index],{speed:2500});setInterval(function(){index=index>=images.length-1?0:index+1;$.backstretch(images[index])},5E3);

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: Petit problème adaptation des fonds d'écran

Message par bando Lun 12 Déc 2011 - 10:42

Vous avez une erreur JS : noel_deco.setWindowAlignFixed is not a function
bando

bando
Dévactif
Dévactif

Masculin
Messages : 2014
Inscrit(e) le : 05/12/2006

https://forum.forumactif.com
bando a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit problème adaptation des fonds d'écran

Message par selas Lun 12 Déc 2011 - 10:43

Merci Adam, vraiment désolé d'ètre aussi mauvais Laughing .

Que veut tu dire pas le code complet?

Je veux bien testé la variante mais HIC je doit la mettre ou mon image? Embarassed .

Cordialement
selas

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit problème adaptation des fonds d'écran

Message par selas Lun 12 Déc 2011 - 10:45

Ahhhhh, c'est a cause de cette erreur alors?

Que dois-je faire maintenant.

Cordialement
selas

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit problème adaptation des fonds d'écran

Message par Adam_sfp Lun 12 Déc 2011 - 10:46

selas a écrit:Merci Adam, vraiment désolé d'ètre aussi mauvais Laughing .

Que veut tu dire pas le code complet?

Je veux bien testé la variante mais HIC je doit la mettre ou mon image? Embarassed .

Cordialement

il y a juste a coller le code (pour la variante)vos images sont incluses dans le code..

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: Petit problème adaptation des fonds d'écran

Message par selas Lun 12 Déc 2011 - 10:54

Lol je viens de testé le code, Confused Confused j'ai l'impression que mon Forum me déteste Very Happy .
Il ma afficher un fond écran et après il fait défiler tous les fond écran Very Happy Very Happy .

Cordialement

(Je vais pas tarder a abandonner rendeer rendeer )
selas

selas
****

Messages : 212
Inscrit(e) le : 07/12/2010

http://gamernc.gameproforums.com
selas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit problème adaptation des fonds d'écran

Message par Adam_sfp Lun 12 Déc 2011 - 11:24

selas a écrit:Lol je viens de testé le code, Confused Confused j'ai l'impression que mon Forum me déteste Very Happy .
Il ma afficher un fond écran et après il fait défiler tous les fond écran Very Happy Very Happy .

Cordialement

(Je vais pas tarder a abandonner rendeer rendeer )

Bonjour

C'est normal c'est l'effet du script il change le fond tout seul...
maintenant que cela fonctionne vous pouvez utiliser celui ci ou votre script de départ en mettant bien les liens vers vos images...
Cordialement.

*ou alors celui ci avec une seule image

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://img714.imageshack.us/img714/1238/1024p.jpg");
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.

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