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

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 le 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:

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

Aussi j'aimerais qu'il descende en même temps qu'on descend dans la page (que le forum soit "collé" sur le fond)
pour ça j'ai décoché "fixe" dans les options de l'image et cela marche très bien
.

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

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 le 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
+ Hyperactif +

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

http://forum.forumactif.com/forum
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 le 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
****

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 le 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
***

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 le Lun 18 Oct 2010 - 19:59

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

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

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 le 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
+ Hyperactif +

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 le Mar 19 Oct 2010 - 13:07

et ou trouve ton le code CSS merci par avance ?

Dsl j'ai trouver

Merci


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 le 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
****

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 le 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
+ Hyperactif +

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 le 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
****

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

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 le 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
+ Hyperactif +

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 le 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
+ Hyperactif +

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

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

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 le 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
****

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


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