second background?

2 participants

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

Résolu second background?

Message par xNekow Ven 6 Avr 2012 - 0:07

Eh oui, bonsoir, c'est encore moi~
Donc voici mon nouveau problème, j'aimerais placé une image en repeat, pour que ça ne fasse pas de blanc, mais je ne vois pas trop le code pour cela, est-ce un deuxième background qu'on doit mettre en repeat ou bien..?

Image que je veux mettre en repeat ;
https://2img.net/h/oi44.tinypic.com/6rpkjp.png

car sinon quand on descend ça fait ça ;
https://2img.net/h/oi40.tinypic.com/291p7w8.jpg

Merci d'avance, en espérant avoir été assez claire.


Dernière édition par xNekow le Ven 6 Avr 2012 - 22:21, édité 1 fois
xNekow

xNekow
*

Messages : 31
Inscrit(e) le : 19/03/2012

xNekow a été remercié(e) par l'auteur de ce sujet.

Résolu Re: second background?

Message par Matriochka Ven 6 Avr 2012 - 0:16

Bonsoir,

Je vous conseille de regarder ce sujet :
► Bannière en Background + un deuxième fond

Me prévenir si les réglages ne vous conviennent pas ou bien si vous n’arrivez pas à l’effet escompté Wink Il se peut qu’il y ait d’autres changements à faire pour votre cas.
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: second background?

Message par xNekow Ven 6 Avr 2012 - 9:04

Bonjour, j'ai suivit toutes les instructions du sujet que vous m'avez proposé, seulement je ne sais pas si j'ai fait une erreur de codage ou si c'est un bug...
Mais voilà ce qu'on m'en rend;

https://2img.net/h/oi39.tinypic.com/2uxztdx.jpg

si je me souviens bien, une amie avait fait quelque chose de ce type, avec un fond fait sur photoshop, et il me semble que ces deux images là elle les avait mise par le CSS, je pense que la façon dont j'ai mit mon fond est bonne, mais c'est l'image que je veux mettre en repeat qui pose gros problèmes... Je vous ait fait un petit montage pour vous montrer un peu le résultat souhaité, vous y verrez peut-être mieux ^^
https://2img.net/h/oi42.tinypic.com/xel63k.jpg
xNekow

xNekow
*

Messages : 31
Inscrit(e) le : 19/03/2012

xNekow a été remercié(e) par l'auteur de ce sujet.

Résolu Re: second background?

Message par Matriochka Ven 6 Avr 2012 - 12:49

Serait-il possible d’avoir le lien vers votre forum ainsi que votre CSS ? Smile
Merci
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: second background?

Message par xNekow Ven 6 Avr 2012 - 21:38

Oui, donc voilà pour le forum : http://test-yoyo.creerforums.com/

Et le CSS, y a pas grand chose, juste ça ^^ :
Code:
/* FOND FORUM */ 

body {
  background-image: url('http://i43.tinypic.com/14l6he8.jpg');
  background-repeat:repeat-y;
  background-position:top center;
  background-attachment:fixed;
  background-repeat: no-repeat;
  background-attachment:scroll;
  }
xNekow

xNekow
*

Messages : 31
Inscrit(e) le : 19/03/2012

xNekow a été remercié(e) par l'auteur de ce sujet.

Résolu Re: second background?

Message par Matriochka Ven 6 Avr 2012 - 21:42

Avez-vous effectué la modification expliquée ici ?

Par ailleurs, petites erreurs dans votre CSS Smile Vous avez deux fois les lignes suivantes : background-repeat et background-attachment, avec deux valeurs différentes.
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: second background?

Message par xNekow Ven 6 Avr 2012 - 21:49

Oui, je l'ai effectué mais enlevée, car cela me donnait ce résultat : https://2img.net/h/oi39.tinypic.com/2uxztdx.jpg

Oh c'est vrai, je n'ai pas fait attention, je vais aller modifier, il faudrait que je fasse plus attention...
xNekow

xNekow
*

Messages : 31
Inscrit(e) le : 19/03/2012

xNekow a été remercié(e) par l'auteur de ce sujet.

Résolu Re: second background?

Message par Matriochka Ven 6 Avr 2012 - 21:50

Pouvez-vous remettre en ligne la modification, s’il vous plaît ? Ça me permettra de voir directement le problème, et ça m’aidera à le résoudre Smile
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: second background?

Message par xNekow Ven 6 Avr 2012 - 22:05

Elle est en ligne, mais cette fois-ci, on ne voit plus ma bannière, je l'ai mise ici :
Code:
bannière_header {
background-image:url('http://i43.tinypic.com/14l6he8.jpg');

et j'ai mit l'image que je souhaite mettre en repeat pour former le corps du forum, ici :
Code:
body {
  background-image: url('http://i44.tinypic.com/6rpkjp.png');

Je ne sais pas, mais ai-je fait une erreur?
xNekow

xNekow
*

Messages : 31
Inscrit(e) le : 19/03/2012

xNekow a été remercié(e) par l'auteur de ce sujet.

Résolu Re: second background?

Message par Matriochka Ven 6 Avr 2012 - 22:12

Dans votre CSS, ajoutez :
Code:
body {
  background-image: url('http://i44.tinypic.com/6rpkjp.png');
  background-repeat:repeat-y;}

Et remplacez :
Code:
.bannière_header {
background-image: url('http://i43.tinypic.com/14l6he8.jpg');
background-position: top center;
background-repeat: no-repeat;
height: HAUTEURpx;
width: LARGEURpx;}

Par :
Code:
.bannière_header {
background-image: url('http://i43.tinypic.com/14l6he8.jpg');
background-position: top center;
background-repeat: no-repeat;
height: 250px;
width: 100%;}

Il faut renseigner toutes les valeurs Wink Vous aviez oublié height (donc la hauteur) et width (la largeur). Ici, j’ai mis 250 pixels pour la hauteur, mais c’est à vous de gérer.
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: second background?

Message par xNekow Ven 6 Avr 2012 - 22:21

Je vous remercie, je pense que je vais savoir gérer maintenant, et surtout j'espère !
Donc je suis heureuse de dire que je crois que mon problème est résolu =]
encore merci!
xNekow

xNekow
*

Messages : 31
Inscrit(e) le : 19/03/2012

xNekow 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