Problème alignement fond d'écran

[Angelofdeath117]

Bonjour tout le monde

Alors voila voulant mettre un background qui s'ajuste en fonction de la résolution de l'écran du visiteur j'ai suivi ce tutoriel à la lettre et malheureusement cela ne fonctionne pas.
Au contraire quand je valide le code java qui est donné dans l'astuce cela me fait disparaître complètement mon background.

Si quelqu'un pouvait me venir en aide ce serait vraiment cool parce-que là je comprends plus rien et j'avoue être totalement dépassé ^^

Merci d'avance.

[Angelofdeath117]

Personne n'as une idée ?

[Self]

Bonjour,

Pouvez nous donner le code que vous avez mis en place ?

[Angelofdeath117]

Oui bien sûr.
Il s'agit donc ici du code java comme présenté dans le tutoriel que j'ai suivi.

$(function(){

var bg= "http://www.heberger-image.fr/images/87960_1_Copier_.jpg.html";

if(screen.width < 801) bg="http://www.heberger-image.fr/images/87451_310_800_.jpg.html";

else if(screen.width < 1025) bg="http://www.heberger-image.fr/images/11120_310_1024x768_.jpg.html";

else if(screen.width < 1281) bg="http://www.heberger-image.fr/images/61595_1280.jpg.html";

else if(screen.width < 1601) bg="http://www.heberger-image.fr/images/28420_1_1600x1200_.jpg.html";

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

});

[néco]

dans ton panneau d'admin vas vérifié à :

PA >>> affichage >>> couleur ---> descend un peu jusqu'au cadre "les couleurs de fond"

et sur les deux premières ligne ( "Couleur du fond de page" et "Couleur intérieure du cadre du forum") regarde s'il y a déjà une couleur atitré !
selon ce que tu souhaite il faut que l'une de ces deux ligne (voir les deux) soit VIDE dans la case du code couleur (et non pas blanche)
s'il y a une couleur , efface la , puis enregistre   en bas de la case "les couleurs de fond"

en espérant que c'était "juste" ça ! ^^

bizzz

[Angelofdeath117]

Néco, tout d'abord merci de ta réponse.

Je suis allez voir ce que tu m'as dis et dans les deux premières lignes j'ai une case de couleur noire avec ce code : #000000
est-cela que tu appels "vide"? car je n'ai pas réussi à supprimer entièrement le code couleur, il me le remet automatiquement sur celui-là.

[néco]

oui c'est de ça que je parle !
normalement , tu peux effacer le code (laisser une case vide) , et ensuite pense à bien cliquer sur  dans le même cadre (le cadre "les couleurs de fond")
 ça devrait rester vide lorsque tu retourne sur la page , comme chez moi :



bizzz

[Angelofdeath117]

Alors pour ce qui est de la couleur intérieur du cadre du forum je peux la laisser vide mais pas la couleur du fond de page.

[néco]

et ton problème reste le même ?

de toute façon ... à moins que je dise une bétise , la 1er ligne sert juste de couleur de fond lorsque la page "rame" et que les élément mettent quelque seconde à s'afficher (on vois toujours un fond pendant quelque fraction de seconde , ben c'est cette couleur là ^^) sauf si je me trompe , on s'en fiche un peu en fait ^^
(je sais pas si ça sert à une autre chose en plus de ça ^^)

[Angelofdeath117]

Et bien quand je laisse la case de la couleur intérieure du cadre vide je vois juste un petit plus mon bg sur la gauche mais celui-ci n'est toujours pas aligner au centre de mon écran

[néco]

que veux dire "bg" dans ton post du dessus ?

(j'ai édité mon mess du dessus en même temps que tu postais , jette y un oeil )

en second lieu , vérifie aussi que tu n'ai pas une image "d'origine" là où tu n'en a pas besoin !

vas sur le PA >>> affichage >>> couleur --> mode avancé

et là ; juste en dessous de la bannière , sur "Image du fond de page" , vérifi que ce soit bien vide aussi !

s'il y a une image , efface le lien de l'image dans la case à droite , puis valide sur   en haut de la page !

bizzz

[Angelofdeath117]

BG signifie background.
En effet sur image de fond de page j'ai bien quelque chose étant donné que c'est justement l'image de fond d'écran que j'essaie par touts les moyens d'aligner selon la résolution des visiteurs^^

[néco]

oui mais cette image tu l'as déjà en plusieurs exemplaire (en plusieurs tailles) dans ton code , donc celle-ci qui est fixe , tu dois l'effacer !

bizzz

[Angelofdeath117]

Hummm quand je l'enlève je n'ai carrément plus de background^^
Est ce que le problème ne viendrait pas de l'hébergement de mes images dans ce cas ?

[néco]

tu les as hébergé sur l'hébergeur du forum ?
(servimg)
et tu as bien pris à chaque fois le lien direct ? (le lien du bas)

[Angelofdeath117]

Du tout je les ai hébergés sur je ne sais plus quoi d'ailleurs mais je vais allez les héberger sur servimg et faire attention à bien prendre le lien du bas comme tu viens de me le spécifier et je te dis ce qu'il en est^^

[Angelofdeath117]

YESSSS mille merci néco j'ai fait comme tu m'as dis et c'est de suite mieux je vais enfin pouvoir m'attaquer à l'apparence de mon forum pour faire quelque chose de propre. Tu es mon sauveur ^^

[néco]

je te conseil d’ailleurs d'allonger un peu ton code , car depuis l'époque où le tuto à été rédigé , les tailles d'écran les plus utiliser ont largement changés ! ^^

je te conseillerais donc d'appliquer ce code-ci si tu ne veux pas qu'une grosse majorité des gens se trouve avec un fond disproportionné par rapport à leur écran ^^

Code:

$(function(){

var bg= "Adresse image (largeur plus grande que 1920px x 1440px)";

if(screen.width < 801) bg="Adresse image (largeur 800px)";
else if(screen.width < 1025) bg="Adresse image (largeur 1024 x 575px)";
else if(screen.width < 1025) bg="Adresse image (largeur 1024 x 768px)";
else if(screen.width < 1051) bg="Adresse image (largeur 1050 x 1680px)";
else if(screen.width < 1281) bg="Adresse image (largeur 1280 x 719px)";    
else if(screen.width < 1281) bg="Adresse image (largeur 1280 x 800px)";
else if(screen.width < 1281) bg="Adresse image (largeur 1280 x 960px)";
else if(screen.width < 1281) bg="Adresse image (largeur 1280 x 1024px)";
else if(screen.width < 1367) bg="Adresse image (largeur 1366 x 768px)";
else if(screen.width < 1441) bg="Adresse image (largeur 1440 x 808px)";
else if(screen.width < 1441) bg="Adresse image (largeur 1440 x 900px)";
else if(screen.width < 1601) bg="Adresse image (largeur 1600 x 900px)";
else if(screen.width < 1601) bg="Adresse image (largeur 1600 x 1200px)";
else if(screen.width < 1681) bg="Adresse image (largeur 1680 x 1050px)";
else if(screen.width < 1921) bg="Adresse image (largeur 1920 x 1080px)";
else if(screen.width < 1921) bg="Adresse image (largeur 1920 x 1200px)";
else if(screen.width < 1921) bg="Adresse image (largeur 1920 x 1440px)";

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

});

il te faut donc un fond aux tailles suivante :
800 x 600 <---
1024 x 575
1024 x 768 <---
1050 x 1680<---
1280 x 719
1280 x 800<---
1280 x 960
1280 x 1024<---
1366 x 768 <---
1440 x 808
1440 x 900<---
1600 x 900
1600 x 1200
1680 x 1050<---
1920 x 1080<---
1920 x 1200<---
1920 x 1440

si tu veux un code un peu plus court (pour que ça soit moins lourd) , privilégie en priorité les tailles que j'ai indiqué avec une fléche (tu peux effacer les lignes de code que tu veux en te référant à ça , et à ton feeling

et si vraiment , tu veux pas en faire autant , essaie au moins de juste rajouter au minimum la taille avec fléche rouge , parce que vraiment , cette taille est un gros standar et elle n'est pas dans le code de ce tuto un peu trop "agé" ^^ (rajoute cette ligne en étant logique , tu vois que les tailles vont en croissant dans le code donc place le au bon endroit dans ton code à toi )


bizzz

ÉDIT : j'ai encoooore édité !

[Angelofdeath117]

Je te remercie encore pour ton aide fort précieuse ^^

[néco]

décidément ... on est synchro nous deux aujourd'hui
j'ai encore édité mon message d'au dessus pendant que tu écrivais ^^ , jettes-y un oeil

ps : par rapport à hier , c'est sûr que sur mon écran en tout cas , c'est déjà largement mieux comme ça aujourd'hui , sur ton forum , mais je pense que c'est pas encore à la bonne taille pour mon écran (hier c'était énooorme , aujourd'hui c'est juste un peu trop grand ^^ ) ! ^^

PS : une fois que tu n'aura plus de question , pense à éditer ton 1er message pour cocher l'icone "résolu"   et re valider ton post
comme ça , le topic pourra servir à d'autre personne avec le mêm problème
(parce que ça fait plusieurs fois que j'explique la même chose mais à chaque fois ça part à la corbeille parce que les gens ne mettent pas en "résolu" , j'avoue que ça agace un piti peu )


bizzz et bonne journée à toi

[Angelofdeath117]

xD oui c'est déjà mieux. Et je vais valider le sujet de suite^^