Problème alignement fond d'écran
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème alignement fond d'écran
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.
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.
Dernière édition par Angelofdeath117 le Lun 5 Mai 2014 - 16:59, édité 1 fois
Re: Problème alignement fond d'écran
Personne n'as une idée ?
Re: Problème alignement fond d'écran
Bonjour,
Pouvez nous donner le code que vous avez mis en place ?
Pouvez nous donner le code que vous avez mis en place ?
Re: Problème alignement fond d'écran
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+"\")";
});
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+"\")";
});
Re: Problème alignement fond d'écran
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
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
Re: Problème alignement fond d'écran
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à.
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à.
Re: Problème alignement fond d'écran
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
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
Re: Problème alignement fond d'écran
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.
Re: Problème alignement fond d'écran
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 ^^)
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 ^^)
Dernière édition par néco le Lun 5 Mai 2014 - 14:00, édité 1 fois
Re: Problème alignement fond d'écran
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
Re: Problème alignement fond d'écran
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
(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
Re: Problème alignement fond d'écran
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^^
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^^
Re: Problème alignement fond d'écran
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
bizzz
Re: Problème alignement fond d'écran
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 ?
Est ce que le problème ne viendrait pas de l'hébergement de mes images dans ce cas ?
Re: Problème alignement fond d'écran
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)
(servimg)
et tu as bien pris à chaque fois le lien direct ? (le lien du bas)
Re: Problème alignement fond d'écran
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^^
Re: Problème alignement fond d'écran
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 ^^
Re: Problème alignement fond d'écran
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 ^^
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é !
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é !
Dernière édition par néco le Lun 5 Mai 2014 - 15:28, édité 4 fois
Re: Problème alignement fond d'écran
Je te remercie encore pour ton aide fort précieuse ^^
Re: Problème alignement fond d'écran
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
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
Re: Problème alignement fond d'écran
xD oui c'est déjà mieux. Et je vais valider le sujet de suite^^
Sujets similaires
» Problème d'alignement PA
» Problème d'alignement
» Problème d'alignement
» Problème d'alignement
» Un problème d'alignement
» Problème d'alignement
» Problème d'alignement
» Problème d'alignement
» Un problème d'alignement
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum