Mon fond d'écran, l'ajuster pour tous les écrans

par Helloman Mar 15 Juin 2010 - 17:51

Rappel du premier message :

Bonjour,

Voilà, depuis quelques temps des membres de voient pas le fond d'écran partout sur la page, cela donne ceci :
Mon fond d'écran, l'ajuster pour tous les écrans - Page 2 Captur14

Mon fond d'écran, l'ajuster pour tous les écrans - Page 2 Captur14

Est-ce que vous le voyez aussi comme ça?
(oui je sais il se peut qu'il soit trop petit mais j'aimerais confirmation d'abord)

Merci d'avance!

par Convivialite Mer 16 Juin 2010 - 13:43

oui pour les url des images
valide ta page et mets l'url de la page dans le code css

Code:: .forumline . { background-image:url(URL DE TA PAGE );

par Helloman Mer 16 Juin 2010 - 17:02

Bon j'ai bien créer une page HTLM et mis dedans

Code:: <script type="text/javascript">  </script>

Puis j'ai été dans Css et j'ai mis le code

Code:: .forumline . { background-image:url(http://www.forumnaruto.com/Pannno-1-h2.htm);

Sauf que quand j'ai valider le Code Css cela m'a dit qu'il était invalide qu'il avait détecte un nombre invalides de { et } et qu'il fallait que je le retire

par Convivialite Mer 16 Juin 2010 - 17:23

excuse c'est vrai
je l'avais mal recopié

Code:: .forumline . { background-image:url(http://www.forumnaruto.com/Pannno-1-h2.htm);}

par quierra Mer 16 Juin 2010 - 18:18

Coucou, nan il ne faut pas s'y prendre de cette façon.

Ton script est juste, mais pas la façon de le placer. Tu dois coller ce script dans ton template "overall_header_new"

Affichage --> Template --> Général --> Overall_header_new

Repère cette ligne :

Code:: <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

et juste en dessous tu colles ton script :

Code:: <script type="text/javascript">  </script>

Tu enregistres, puis valide ton template.

Ensuite il te faut un peu de css pour bien placer ton image :

Affichage --> Couleurs --> Onglet feuille de style css

et tu colles ce code :

body{
background-position: bottom center;
background-repeat: no-repeat;
}

La elle est placer au centre et en bas, car je suppose que c'est tout le bas qui doit être visible !

Encore un ptit réglage dans :

Affichage --> Gestion des images --> Mode avancé --> à fond de page du coche "fixe"

J'ai testé et ça marche très bien ! du moins j'ai bien ton image en rapport avec mon écran 24 pouces.

Tu peux voir le résultat : http://brillance.forumactif.org/forum.htm

Bonne journée.

par Convivialite Mer 16 Juin 2010 - 18:30

Merci Quierra Bizz

du coup de main , car j'ai ce lien depuis un moment mais je ne l'avais jamais testé
et grâce a toi ça marche

tu devrais le proposer comme tuto ici car il y a souvent des questions sur ce sujet

j'ai un écran en 1024 et je vois très bien l'image aussi

par Helloman Mer 16 Juin 2010 - 18:48

Je vais tester^^

par Helloman Mer 16 Juin 2010 - 18:57

J 'ai suivi ce que tu a dit

Template :

Code:: <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> <script type="text/javascript">  </script>

J'ai bien coller dans cc

Code:: body{ background-position: bottom center; background-repeat: no-repeat; }

Et cocher fond fixe et cela déforme l'image, je ne l'ai pas comme sur ton forum^^

Edit : s'il vous plait je désespère! Sad

Edit: Réussi

par Helloman Mer 16 Juin 2010 - 19:17

C'est bon je pense, je ne le mets pas en résolu, car j'attends la réponse des membres Smile

par quierra Mer 16 Juin 2010 - 19:23

De rien convivialité, c'est juste l'occasion de le tester.... A voir s'il fonctionne correctement !

Moi j'ai ça en regardant ton forum :

Spoiler:

Donc pas la même position que moi !

Tu as d'autres codes dans ton css ? si oui place le code tout en bas.

Tu peux faire une capture de ce que tu vois toi ?

par quierra Mer 16 Juin 2010 - 19:30

ben là c'est bon ! donc il semble bien fonctionner ce script.

par Helloman Mer 16 Juin 2010 - 19:32

Bonjour,

J'avais un problème car j'avais mis un autre code pour fixer le fond ><

Voici je que je vois (Dans mon Ccs il y a un code pour changer le nom de la Cb et enlever le soulignement des pseudo)

Code:: a { text-decoration: none; } body.chatbox { background-image: url("http://i60.servimg.com/u/f60/15/20/78/29/fond_c10.png"); } #chatbox_header .cattitle:before { content: "Le coin "; } body{ background-position: bottom center; background-repeat: no-repeat; }

Voici ce que je vois ;

Mon fond d'écran, l'ajuster pour tous les écrans - Page 2 Dda10

EDIT : oui, tu devrais proposer un Tuto, car nombre de personnes veulent faire la même chose^^

par Convivialite Mer 16 Juin 2010 - 19:35

hihihi

moi ça va Mon fond d'écran, l'ajuster pour tous les écrans - Page 2 580957

Mon fond d'écran, l'ajuster pour tous les écrans - Page 2 315

par Helloman Mer 16 Juin 2010 - 19:43

Bon, cela a l'air de fonctionner je êut donc mettre en résolu^^

Merci beaucoup de m'avoir aidé jusqu'au bout convivialite et quierra

A la prochaine peut être batman

!!

par Convivialite Mer 16 Juin 2010 - 19:51

c'est un forum d'entraide thumleft

et ça servira surement a d'autres personnes

amicalement

Mon fond d'écran, l'ajuster pour tous les écrans

Mon fond d'écran, l'ajuster pour tous les écrans

Re: Mon fond d'écran, l'ajuster pour tous les écrans

Re: Mon fond d'écran, l'ajuster pour tous les écrans

Re: Mon fond d'écran, l'ajuster pour tous les écrans

Re: Mon fond d'écran, l'ajuster pour tous les écrans

Re: Mon fond d'écran, l'ajuster pour tous les écrans

Re: Mon fond d'écran, l'ajuster pour tous les écrans

Re: Mon fond d'écran, l'ajuster pour tous les écrans

Re: Mon fond d'écran, l'ajuster pour tous les écrans

Re: Mon fond d'écran, l'ajuster pour tous les écrans

Re: Mon fond d'écran, l'ajuster pour tous les écrans

Re: Mon fond d'écran, l'ajuster pour tous les écrans

Re: Mon fond d'écran, l'ajuster pour tous les écrans

Re: Mon fond d'écran, l'ajuster pour tous les écrans

Re: Mon fond d'écran, l'ajuster pour tous les écrans