Header de Fond Parfait

[Happi]

Bonsoir ! Après avoir essayer toute la semaine en testant tout les codes possibles et imaginables et en suivant le tuto sur ce forum je n'est toujours pas réussi donc je vous demande de l'aide SVP !!!!

Je voudrais tout simplement avoir un Header de fond qui fasse toute la largeur de mon forum et qui ne se répète pas !
En gros comme ceci =>http://graphic-art.forumgratuit.org/
ou encore => http://pinkiwi.1fr1.net/

J'ai essayé de le mettre sur un forum test en retirant tout les Template perso' et CSS mais ça ne marche pas donc je suppose que ce n'est pas ça qui bloque.
Voici mon header :


et je vous donnerez mon CSS si votre solution ne marche pas.
Si ça ce trouve à force de chercher c'est juste moi qui fait n'importe quoi

Voilà le forum sur lequel je veux l'installer : http://apple-red.tonempire.com/


Merci d'avance en espérant que cela fonctionne enfin !!

[ge80]

Bonjour,

C'est un forum graphique donc vous devez avoir les outils.

Ce que je ferai est un logo en png avec une image en ellipse et l'extérieure transparent puis ma couleur de fond permettrait de l'adapter à toutes les résolutions d'écran.

C'est ce qui est fait sur les forums donnés en exemple.

Cordialement,
Ge

[Happi]

Pour les forums donné en exemple je pense plutôt que c'est un header normal comme le mien celui de GA à simplement été gommer légèrement sur les coté pour le fondre ainsi qu'en bas.

J'ai essayer avec les tuto sur mon forum test :

http://test-apple-red.1fr1.net/

je pense que mon image ce réduit parce que j'ai utiliser ce code CSS :

Code:

body{
margin-top: 546px;
}

et comme c'est la hauteur de mon header le titre de mon forum devrai se trouver juste en dessous or là il est beaucoup plus bas Ce qui explique que mon header ne fait pas toute la largeur ... mais comment ce fait-il que mon image est redimensionné ??

[ge80]

Le header est inexistant sur l'un des forum et l'image de fond sert d'entête.
L'utilisation d'une image (1 300px × 600px) avec un motif qui tend de plus en plus vers la couleur de fond sur ses bords

L'image de fond est centrée et non répétée.


un extrait ou possibilité

Code:


background-attachment:scroll;
background-color:#vvvvvvv;
background-image:url(lien image)



[Happi]

Les exemples servent à montrer à quoi celà doit ressembler peut importe comment ils ont fait. Je contait modifier mon header pour le fondre avec la couleur une fois qu'il serait à la bonne taille.
Enfin bref, problème résolut c'est mon hébergeur d'image qui redimensionne mon header de fond ce qui fait qu'il se retrouve centré au milieu.

Merci tout de même .

[ge80]

Pourquoi ne pas avoir préciser lorsque vous avez détecté mon incompréhension ?
L'image de votre fond ou header n'étaient pas réduites lors de mon contrôle ?

Je contait modifier mon header pour le fondre avec la couleur une fois qu'il serait à la bonne taille.

Tout à fait car ceci permet d'éviter d'avoir plusieurs images de tailles différentes et qui conduisent à vos difficultés?