Difficulté pour le fond de page...

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

Résolu Difficulté pour le fond de page...

Message par ElevenXI le Dim 24 Fév 2013 - 10:47

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é 1 fois
Capture65.JPG FOND PAS ADAPTERVous n'avez pas la permission de télécharger les fichiers joints.(242 Ko) Téléchargé 0 fois


Dernière édition par ElevenXI le Dim 24 Fév 2013 - 13:46, édité 1 fois

ElevenXI
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 24/02/2013

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

Résolu Re: Difficulté pour le fond de page...

Message par Scipion le Dim 24 Fév 2013 - 11:19

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

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Difficulté pour le fond de page...

Message par ElevenXI le Dim 24 Fév 2013 - 11:34

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= "http://i71.servimg.com/u/f71/15/63/90/41/1920x111.jpg";

if(screen.width < 800) bg="http://i71.servimg.com/u/f71/15/63/90/41/800x10.jpg";
else if(screen.width < 1024) bg="http://i71.servimg.com/u/f71/15/63/90/41/1024x10.jpg";
else if(screen.width < 1280) bg="http://i71.servimg.com/u/f71/15/63/90/41/1280x10.jpg";
else if(screen.width < 1366) bg="http://i71.servimg.com/u/f71/15/63/90/41/1366x10.jpg";
else if(screen.width < 1440) bg="http://i71.servimg.com/u/f71/15/63/90/41/1440x10.jpg";
else if(screen.width < 1680) bg="http://i71.servimg.com/u/f71/15/63/90/41/1680x10.jpg";
else if(screen.width < 1600) bg="http://i71.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


Dernière édition par ElevenXI le Dim 24 Fév 2013 - 12:11, édité 1 fois (Raison : Preuve que cela ne fonctionne pas)

ElevenXI
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 24/02/2013

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

Résolu Re: Difficulté pour le fond de page...

Message par Scipion le Dim 24 Fév 2013 - 12:25

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

http://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

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Difficulté pour le fond de page...

Message par ElevenXI le Dim 24 Fév 2013 - 13:46

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

ElevenXI
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 24/02/2013

http://blablayuri.forumactif.org/
ElevenXI 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