Problème alignement fond d'écran

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

Résolu Problème alignement fond d'écran

Message par Angelofdeath117 le Mar 29 Avr 2014 - 15:36

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.


Dernière édition par Angelofdeath117 le Lun 5 Mai 2014 - 16:59, édité 1 fois

Angelofdeath117
**

Masculin
Messages : 93
Inscrit(e) le : 02/07/2013

http://lfares.forumgratuit.org/
Angelofdeath117 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par Angelofdeath117 le Mer 30 Avr 2014 - 9:13

Personne n'as une idée ?

Angelofdeath117
**

Masculin
Messages : 93
Inscrit(e) le : 02/07/2013

http://lfares.forumgratuit.org/
Angelofdeath117 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par Self le Jeu 1 Mai 2014 - 17:10

Bonjour,

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

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par Angelofdeath117 le Lun 5 Mai 2014 - 11:26

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+"\")";

});

Angelofdeath117
**

Masculin
Messages : 93
Inscrit(e) le : 02/07/2013

http://lfares.forumgratuit.org/
Angelofdeath117 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par néco le Lun 5 Mai 2014 - 11:37

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  :enreg: en bas de la case "les couleurs de fond" Wink

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

bizzz

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par Angelofdeath117 le Lun 5 Mai 2014 - 13:35

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

Angelofdeath117
**

Masculin
Messages : 93
Inscrit(e) le : 02/07/2013

http://lfares.forumgratuit.org/
Angelofdeath117 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par néco le Lun 5 Mai 2014 - 13:46

oui c'est de ça que je parle !
normalement , tu peux effacer le code (laisser une case vide) , et ensuite pense à bien cliquer sur :enreg: 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

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par Angelofdeath117 le Lun 5 Mai 2014 - 13:56

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.

Angelofdeath117
**

Masculin
Messages : 93
Inscrit(e) le : 02/07/2013

http://lfares.forumgratuit.org/
Angelofdeath117 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par néco le Lun 5 Mai 2014 - 13:57

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


Dernière édition par néco le Lun 5 Mai 2014 - 14:00, édité 1 fois

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par Angelofdeath117 le Lun 5 Mai 2014 - 13:59

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

Angelofdeath117
**

Masculin
Messages : 93
Inscrit(e) le : 02/07/2013

http://lfares.forumgratuit.org/
Angelofdeath117 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par néco le Lun 5 Mai 2014 - 14:05

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

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  :enreg: en haut de la page !

bizzz

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par Angelofdeath117 le Lun 5 Mai 2014 - 14:08

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

Angelofdeath117
**

Masculin
Messages : 93
Inscrit(e) le : 02/07/2013

http://lfares.forumgratuit.org/
Angelofdeath117 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par néco le Lun 5 Mai 2014 - 14:11

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

bizzz

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par Angelofdeath117 le Lun 5 Mai 2014 - 14:16

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 ?

Angelofdeath117
**

Masculin
Messages : 93
Inscrit(e) le : 02/07/2013

http://lfares.forumgratuit.org/
Angelofdeath117 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par néco le Lun 5 Mai 2014 - 14:17

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)


néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par Angelofdeath117 le Lun 5 Mai 2014 - 14:18

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

Masculin
Messages : 93
Inscrit(e) le : 02/07/2013

http://lfares.forumgratuit.org/
Angelofdeath117 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par Angelofdeath117 le Lun 5 Mai 2014 - 14:48

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

Angelofdeath117
**

Masculin
Messages : 93
Inscrit(e) le : 02/07/2013

http://lfares.forumgratuit.org/
Angelofdeath117 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par néco le Lun 5 Mai 2014 - 14:52

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 Wink

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


bizzz

ÉDIT : j'ai encoooore édité ! Wink


Dernière édition par néco le Lun 5 Mai 2014 - 15:28, édité 4 fois

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par Angelofdeath117 le Lun 5 Mai 2014 - 15:05

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

Angelofdeath117
**

Masculin
Messages : 93
Inscrit(e) le : 02/07/2013

http://lfares.forumgratuit.org/
Angelofdeath117 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par néco le Lun 5 Mai 2014 - 15:11

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

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"  résolu et re valider ton post
comme ça , le topic pourra servir à d'autre personne avec le mêm problème Wink
(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 Laughing )


bizzz et bonne journée à toi

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème alignement fond d'écran

Message par Angelofdeath117 le Lun 5 Mai 2014 - 16:59

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

Angelofdeath117
**

Masculin
Messages : 93
Inscrit(e) le : 02/07/2013

http://lfares.forumgratuit.org/
Angelofdeath117 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