Support WordPress Francophone / Image de fond hors du "body"

gerikane · 14-05-2008 01:10:08

Bonjour,

Ma configuration WP actuelle
- Version de WordPress : 2.5.1
- Thème utilisé : Futurosity Eos 0.5
- Plugins en place : une dizaine. smile
- Nom de l'hebergeur : infomaniak
- Adresse du site : http://metastaz.com

Problème(s) rencontré(s) :

Bonjour,
je souhaiterais mettre une image de fond avec une position fixée sur le haut à droite.
Je n'arrive pas à la mettre en dehors du *body* de ma page.
Je sait pas comment me débrouiller, dans le header sa ne marche pas, ni directement dans le CSS, je suis un amateur et je sais pas si je m'y prend bien ou pas smile ,
J'imagine que c'est pas compliqué en plus mais je bloque, si un pro pouvais m'aider je serai vraiment happy!.
Merci d'avance!!!.

Lumière de Lune · 14-05-2008 02:57:09

Je ne comprends pas ce que tu veux dire "en dehors du body" ?
La partie de ta page qui s'affiche est celle qui est dans le body, donc il me parait difficile de la mettre ailleurs ?

tu peux mettre dans ton fichier css
body {background-image:url(/monrep/monimage.jpg) ; background-position: top right; background-color:ta couleur; }

gerikane · 14-05-2008 03:41:44

Merci pour la rapidité de ta réponse!.
OK je comprend mieux, je vais m'expliquer avec des screen sa sera plus simple!. smile

1: l'image est a la bonne place mais le fond blanc passe par dessus, (rohhhh)

2: l'image n'est pas dans le coin gauche tout en haut. elle reste dans le *container* (je connais pas le terme exact)

J'ai crée une class CSS pour la mise en forme mais sa ne marche pas non plus, j'ai aussi placé le code a différents endroits dans le CSS (body, container, etc,)
mais rien n'y fait!! grrrr, je sais pas comment faire,
au secoure!!

Comme une image · 14-05-2008 08:26:19

Malgré les captures d'écran, je n'arrive pas bien à comprendre ce que tu veux faire (mais pas de panique : c'est sûrement possible, même si tout n'est pas possible).

Ne parlons pas de "body", restons simple :

1/ Souhaites-tu que ton image soit dessus ou dessous le texte ? Ou bien l'image est-elle une grande bannière qui précède le texte ?
2/ Où veux-tu positionner le coin supérieur gauche de ton image par rapport à ta mise en page ?
3/ L'image doit-elle défiler avec le texte ou rester fixe ?

Lumière de Lune · 14-05-2008 14:41:11

Effectivement, parce que ton body n'occupe pas la largeur de ta page.

Essaie de voir si tu peux mettre l'image de fonds à html au lieu de body dans le css.
Sinon il te faudra changer la structure de ton thème, en enlevant les marges du body, et en rajoutant un conteneur pour "tenir" ton blog. Mais cela implique pas mal de modifications dans le css et dans le theme

gerikane · 14-05-2008 18:17:22

Je suis inscris depuis a peine 15 heures et je déjà une aide de qualité , malgré mon language pas très ciblé etc. donc, merci a vous deux ! hihi

Comme une image a écrit:
Ne parlons pas de "body", restons simple :
1/ Souhaites-tu que ton image soit dessus ou dessous le texte ? Ou bien l'image est-elle une grande bannière qui précède le texte ?
2/ Où veux-tu positionner le coin supérieur gauche de ton image par rapport à ta mise en page ?
3/ L'image doit-elle défiler avec le texte ou rester fixe ?

alors, 1:je souhaite vraiment que mon image soit dessous le texte et les fois ou j'ai trouvé l'truc , et bien mon background, (donc le fond blanc) smile , passait dessus l'image, y'a t'il une code CSS pour que l'image soit en dessous du texte ?
2: limage , et bien j'aimerais vraiment quelle soit dans le top left de la fenetre,
3: et non limage ne doit pas defiler avec le texte, mais sa je connais lol:D , {background-attachment: fixed}

/// oui lumière de lune, j'ai du le faire pas mal de modd en effet mais j'aimerais bien trouver une soluce pour que ma page soit encore "flexible" , la j'ai du tout modifier les positions en pixel et c'est tout rigide, et j'aime pas trop.!.

Conclusion si vous pouvez juste me dire comment forcer le contenu (pages,images, articles, etc,,) a être dessus une mon images de fond (évidement une façon non conventionnelle parce que j'ai déjà tout testé ) je devrais pouvoir m'en sortir!,,,
et oui j'y ai passé la nuit, à coup de larmes. sad haha,
byebye.

Lumière de Lune · 14-05-2008 20:01:47

Alors je viens de tester avec Firebug :

tu mets dans ton css

Code:

html {background-image:url(/images/corneille.png); position: top left fixed; }

(enfin pour un alignement à gauche, sinon tu mets top right)
et tu supprimes le div où tu as mis l'image, et ça devrait le faire

gerikane · 15-05-2008 05:09:21

mon theme accepte pas on dirais ( je doit être un boulet ) mais jai trafiqué mon CSS et j'en suis arrivé à un résultat qui me convien pour l'instant c'est un peu bisar mais j'aime bien !
merci a vous deux pour les conseils et vive wordpress
bye resolu