Faire en sorte que le fond ne se répête pas

[Lunathiel]

Bonsoir à tous
et d'avance un grand merci pour votre aide

Voici mon forum rpg: http://www.thoawin.com/forum.htm

Voila j'ai créer un fond pour mon forum que voici:

https://i.servimg.com/u/f29/14/59/60/98/thoa12.jpg

Cependant lorsque je met ce fond sur mon forum il se répète. J'aimerais qu'il ne s'affiche qu'une seule fois derrière mon forum dans le style de celui-ci : http://alfera.forumactif.com/forum.htm

Spoiler:

.

Comment dois-je faire pour que le fond n'apparaisse qu'une seule fois et entièrement à l'arrière de mon forum?
J'ai tester tout les formats différents à chaque fois c'est la même galère...
Dois-je manipuler le Css ou les templates?

Votre aide m'est très précieuse

un grand merci d'avance...

[Anzu]

Bonsoir ^^

Dans votre Feuille CSS, mettez ceci =>

Code:


body {
background-image: url('lien de l'image de fond');
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
}

Cordialement.

[Lunathiel]

Non ça ne marche toujours pas, l'image apparait 2 fois en largeur et 3 fois en longueurs...
J'ai pourtant essayé plusieurs taille d'image de fond....

merci encore

[MUSH]

celui auquel vous faite référence à la taille suivante :1280/2000
et est en format PNG, est en deux parti en un seul
une parti image et une parti fond
voyez vous même --> cliquez ici..!
Tandis que le votre est : 1600/2000 Format jpg

[Lunathiel]

j'ai retaillé mon image... mais le résultat reste le même.........

[taonino]

J'ai exactement le même souci j'espère que vous pourrez répondre rapidement a ce problème merci par avance.

[Convivialite]

Bonsoir ^^

Dans votre Feuille CSS, mettez ceci =>

Code:


body {
background-image: url('lien de l'image de fond');
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
}

Cordialement.

Bonjour

Anzu vous a donné un code avec
background-attachment: scroll;
ce qui veut dire que le fond monte avec le forum

si vous ne voulez pas qu'il bouge il suffit de changer et de mettre

background-attachment: fixed;

a la place

ce qui donne

Code:

body {
background-image: url('http://i29.servimg.com/u/f29/14/59/60/98/thoa12.jpg');
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}

Amicalement

[taonino]

et ou trouve ton le code CSS merci par avance ?

Dsl j'ai trouver

Merci

[Lunathiel]

j'ai changé mais toujours le même soucis d'affichage...

Pourrais-je savoir quel format d'image vous utilisez pour vos forums? (si vous avez vous aussi une seule image et pas une répétition de la même image)

Merci

[Convivialite]

Tu n'a pas changé car tu as encore ce code dans ta feuille de css

Code:

body {
background-image: url('http://i29.servimg.com/u/f29/14/59/60/98/thoa12.jpg');
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
}

il faut que tu l'efface et que tu mette l'autre a la place

Code:

body {
background-image: url('http://i29.servimg.com/u/f29/14/59/60/98/thoa12.jpg');
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}

[Lunathiel]

Ya juste le "Scroll" qui deviens "Fixed."..J'avais changer et j'ai retester mais malheureusement ça ne fonctionne pas... mon image est toujours répétée...
Je ne sais plus quoi faire ....
Encore merci de votre aide

[taonino]

Pour ma part ce la fonctionne tu as du faire une erreur quelque part soit ton image et trop petite soit tu as oublier quelques chose dans le code style l'url qui n'est pas compatible.

[Convivialite]

Va voir sur ton PA

AFFICHAGE>gestion des images>
et en face de ton image de fond coche fond de page fixe
ça va peut être résoudre ton probleme

[Scoubifitz]

bonjour,

pourriez-vous supprimer les lignes inutiles de votre CSS ?

Merci ...

.forumline
{
background-image: url(adresse de l'image de fond);
background-repeat: repeat;
}

body (
filter: alpha (opacity = 50);
-moz-opacity: 0.5; * / pour le firefox navigateur
opacity: 0.5;
)

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

.body {background-repeat: no-repeat ;
background-attachment: fixed ;
background-position: center;}

[Lunathiel]

Va voir sur ton PA

AFFICHAGE>gestion des images>
et en face de ton image de fond coche fond de page fixe
ça va peut être résoudre ton probleme

C'est fait ... é_è

bonjour,

pourriez-vous supprimer les lignes inutiles de votre CSS ?

Merci ...

.forumline
{
background-image: url(adresse de l'image de fond);
background-repeat: repeat;
}

body (
filter: alpha (opacity = 50);
-moz-opacity: 0.5; * / pour le firefox navigateur
opacity: 0.5;
)

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

.body {background-repeat: no-repeat ;
background-attachment: fixed ;
background-position: center;}

Si vous êtes sure qu'elles sont inutiles je veux bien tester....

Edit: je copie/colle mon css complet par sécurité et supprime le "trop"

[Lunathiel]

OH MAIS ATTENDS ça marche O_O

oh mon dieu merci beaucoup!!! je ne vous remercierais jamais assez... l'image est une pointe trop grande mais ça je le modifierais...

Je vous en suis tellement reconnaissante...

100000000000000000 de fois merci