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

+2
MUSH
Anzu
6 participants

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

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

Message par Lunathiel Dim 17 Oct 2010 - 17:53

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...


Dernière édition par Lunathiel le Jeu 21 Oct 2010 - 21:23, édité 1 fois
Lunathiel

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

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

Résolu Re: Faire en sorte que le fond ne se répête pas

Message par Anzu Lun 18 Oct 2010 - 1:08

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.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Faire en sorte que le fond ne se répête pas

Message par Lunathiel Lun 18 Oct 2010 - 6:49

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
Lunathiel

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

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

Résolu Re: Faire en sorte que le fond ne se répête pas

Message par MUSH Lun 18 Oct 2010 - 7:50

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 Mr. Green --> cliquez ici..!
Tandis que le votre est : 1600/2000 Format jpg
Siffleur
MUSH

MUSH
***

Masculin
Messages : 102
Inscrit(e) le : 21/09/2010

http://aoliens.frenchboard.com
MUSH a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire en sorte que le fond ne se répête pas

Message par Lunathiel Lun 18 Oct 2010 - 19:59

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

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

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

Résolu Re: Faire en sorte que le fond ne se répête pas

Message par taonino Lun 18 Oct 2010 - 21:40

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

taonino
Nouveau membre

Messages : 9
Inscrit(e) le : 18/10/2010

http://warrior-looney-toons.hot4um.com/forum.htm
taonino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire en sorte que le fond ne se répête pas

Message par Convivialite Mar 19 Oct 2010 - 11:57

Anzu a écrit: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
Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire en sorte que le fond ne se répête pas

Message par taonino Mar 19 Oct 2010 - 13:07

et ou trouve ton le code CSS merci par avance ?

Dsl j'ai trouver

Merci

avatar

taonino
Nouveau membre

Messages : 9
Inscrit(e) le : 18/10/2010

http://warrior-looney-toons.hot4um.com/forum.htm
taonino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire en sorte que le fond ne se répête pas

Message par Lunathiel Mar 19 Oct 2010 - 22:10

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
Lunathiel

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

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

Résolu Re: Faire en sorte que le fond ne se répête pas

Message par Convivialite Mar 19 Oct 2010 - 22:33

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;
}

Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire en sorte que le fond ne se répête pas

Message par Lunathiel Mer 20 Oct 2010 - 8:19

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
Lunathiel

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

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

Résolu Re: Faire en sorte que le fond ne se répête pas

Message par taonino Mer 20 Oct 2010 - 12:32

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.
avatar

taonino
Nouveau membre

Messages : 9
Inscrit(e) le : 18/10/2010

http://warrior-looney-toons.hot4um.com/forum.htm
taonino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire en sorte que le fond ne se répête pas

Message par Convivialite Mer 20 Oct 2010 - 13:59

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
Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire en sorte que le fond ne se répête pas

Message par Scoubifitz Mer 20 Oct 2010 - 15:24

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;}
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3732
Inscrit(e) le : 18/03/2008

https://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire en sorte que le fond ne se répête pas

Message par Lunathiel Jeu 21 Oct 2010 - 21:09

Convivialite a écrit: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 ... é_è


Scoubifitz a écrit: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

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

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

Résolu Re: Faire en sorte que le fond ne se répête pas

Message par Lunathiel Jeu 21 Oct 2010 - 21:19

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
Lunathiel

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

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

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum