Difficulté pour le fond de page...

[ElevenXI]

Bonjour à tous,

avant d'exposer mon problème, je souhaite juste dire que j'ai fouillé partout sur la toile, essayer 4 solutions différentes... Et rien n'a marché...

Mon soucis est le suivant, je souhaiterais intégrer l'image FOND a mon forum (donner en fichier joint).
Je souhaiterais que le cadre noir entour le forum et que les images en N/B ne se déforment pas, quel que soit la taille de l’écran et résolution utilisés par les membres.
Comme pour ce forum : http://harrypotter2005.forumactif.com/
(le forum ne se déforme pas et garde sa taille quelque soit l'ordinateur que l'on utilise, et le fond non plus ! De plus le forum "glisse" dans le fond)

J'ai essayé une solution qui consiste a adapter le fond pour chaque format, et voila se que sa a donné pour un des deux ordis (fichier capture 65) et c'est pire pour l'autre a petite résolution :


Je vous remercies par avance pour votre aide
Bien à vous


INFOS UTILES :
- http://blablayuri.forumactif.org/
- phpbb2
- j'aide la fondatrice (administratrice)
- personne n'a touché aux templates n'y aux css
- firefox et internet exploreur

Fichiers joints

1680x800.jpg FONDVous n'avez pas la permission de télécharger les fichiers joints.(489 Ko) Téléchargé 3 fois

Capture65.JPG FOND PAS ADAPTERVous n'avez pas la permission de télécharger les fichiers joints.(242 Ko) Téléchargé 1 fois

[Scipion]

Bonjour

Je vous recommande de consulter ce tutoriel FA qui explique justement la solution aux problèmes liés à la résolution des écrans :

Image de fond changeante selon la résolution du visiteur

Cordialement

[ElevenXI]

Bonjour,
j'ai deja essayé cette solution... Mais le centre de l'image (le rectangle "cadre") ne s'adapte pas du tout...

Quand je fais par exemple ctrl- ou + il bouge alors que sur le forum du lien que je vous ai passé, celui-ci reste "fixe"

Je vous remercies,
a vous lires

EDIT

voila mon code : $(function(){

var bg= "https://i.servimg.com/u/f71/15/63/90/41/1920x111.jpg";

if(screen.width < 800) bg="https://i.servimg.com/u/f71/15/63/90/41/800x10.jpg";
else if(screen.width < 1024) bg="https://i.servimg.com/u/f71/15/63/90/41/1024x10.jpg";
else if(screen.width < 1280) bg="https://i.servimg.com/u/f71/15/63/90/41/1280x10.jpg";
else if(screen.width < 1366) bg="https://i.servimg.com/u/f71/15/63/90/41/1366x10.jpg";
else if(screen.width < 1440) bg="https://i.servimg.com/u/f71/15/63/90/41/1440x10.jpg";
else if(screen.width < 1680) bg="https://i.servimg.com/u/f71/15/63/90/41/1680x10.jpg";
else if(screen.width < 1600) bg="https://i.servimg.com/u/f71/15/63/90/41/1600x10.jpg";

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

hors le fond reste blanc... Plus rien ne s'affiche

[Scipion]

Essayez de voir et pourquoi pas tester la solution complémentaire donnée dans le sujet suivant :

https://forum.forumactif.com/t342523-image-de-fond-changeante-choix-de-resolution-pas-assez-fourni?highlight=r%E9solution+d+%E9cran+changeante

Que voulez vous dire par "De plus le forum "glisse" dans le fond" ? Si vous faites allusion à un "fond de page fixe", vous pouvez l'obtenir dans la gestion des images en cochant la case appropriée.

Cordialement

[ElevenXI]

RE-bonjour,

j'ai exactement trouvé se que je voulais et autant dire je me prenais la tête pour rien du tout...
Je poste ici ma réponse pour les personnes qui auraient les mêmes envie ou soucis que moi.

(Avant toute chose, quand mon fond apparaissait en blanc c’était du a un beug du thème, je l'ai changé et par la suite sa a marché =) )

Je m’explique...
Je voulais donc un effet ombre porté qui encadré le forum + un fond adapté a toute les résolution d’écran.
Hors je m’entêtais a créer l'ombre porté sur le même fichier que le fond se qui était INFAISABLE...

Au final j'ai inséré une CSS pour l'ombre (autour du forum) :
.bodyline {
moz-box-shadow:0px 30px 30px #000000;
box-shadow:0px 30x 30px #000000;
webkit-box-shadow:0px 30px 30px #000000;
}

Puis j'ai créé des fonds pour chaque format (comme pour le lien que vous m'avez donné) avec seulement des images

Et voici mon rendu :



Je vous remercies pour toute vos réponses rapide,

Très bonne journée =)