Bannière en fond

[Pénélope Ranger]

Bonjour bonjour eh oui encore moi =P
J'ai essayé de mettre ma bannière en fond de page mais regardez ce que ça me fait :

http://harrypotterslife.forumgratuit.org

Mon CSS :

Spoiler:

[WwAaPpIi]

Bonjour,

Remplacer la partie :

Code:

.milieu {width: 90%; margin: 0px; border: 1px solid #EFEAD6;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-image: url('http://nsa25.casimages.com/img/2011/03/12/110312033429943413.png');}

Par :

Code:

.milieu {width: 90%; margin: 0px; border: 1px solid #EFEAD6;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-image: url('http://nsa25.casimages.com/img/2011/03/12/110312033429943413.png');
background-repeat : no-repeat;}

[Pénélope Ranger]

Ca ne marche pas =/

[WwAaPpIi]

Pourquoi ne pas mettre votre bannière dans l'endroit pour au lieu de s'embêter à la mettre dans le fond ?

[Pénélope Ranger]

Ah ba je trouve q'une bannière dans le fond comme ici :http://hogwartschronicles.harrypotterrpg.fr/ c'est beaucoup plus jolie qu'installer normalement.

[Pénélope Ranger]

Vraiment personne pour m'aider ?

[Pénélope Ranger]

UP please please please !!!

[Scipion]

Bonsoir

Pour vous permettre d'installer votre bannière en image de fond, je vous invite à appliquer les instructions du tutoriel FA suivant :

La bannière en image de fond

La recommandation principale étant que vous devez avant tout disposer d'une image transparente de hauteur équivalente à celle de votre image de fond.

Cordialement

[WwAaPpIi]

@Pénélope Ranger : Oui, sauf que sur Hogwarts' Chronicles la bannière en fond à été faites via un logiciel de graphisme et le créateur l'a directement centré, alors pourquoi ne pas faire de même ?

[Pénélope Ranger]

quand je fais ce que le tuto dit mon image n'est pas centrée

[Scipion]

Bonsoir

Veuillez mettre à notre disposition le lien de votre image de fond et celui de l'image transparente associée, pour test.

Cordialement

[Pénélope Ranger]

oui désolé =/ :

image :https://i.servimg.com/u/f48/16/68/49/33/sans_t15.jpg

transparent : https://i.servimg.com/u/f43/12/93/23/80/imgtra10.gif

[Scipion]

Bonjour

Votre bannière de fond s'est positionnée à gauche en raison de sa largeur relativement réduite (800px), or le tutoriel a été conçu pour une bannière de fond occupant toute la largeur du forum.

Pour corriger le problème : modifiez le code CSS lié à l'image de fond en rajoutant (background-position: top center;) et donc le code final à installer dans votre feuille de style personnalisée devient ainsi :

Code:

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

Cordialement

[Pénélope Ranger]

merci à vous !