AwesomeBB : Image du header fixe

[*Splash*]

Hi,

Pour mon forum j'utilise l'image du header par défaut de la version :
https://illiweb.com/fa/awesomebb/header.png


Voici le header du forum :



J'aimerais que cette image reste figée à l'écran et qu'au défilement de page on ait l'impression que c'est le forum qui la recouvre.
Si j'ajoute au code de ma CSS la fonction background-attachment: fixed; voici ce que donne le résultat à l'écran :



L'image a la position fixe recherchée mais elle est comme agrandit

Voici mon code CSS :

Code:

/* Main menu */
#header-banner {
 background-image: url("https://illiweb.com/fa/awesomebb/header.png")
 background-attachment: fixed;
 height: 150px;
 margin-bottom: 20px;
 margin-left: 63px;
 border-radius: 0px 0px 10px 10px;
 width: 90%;
 box-shadow: 5px 10px 8px #888888;
 }

Que faut-il faire pour que l'image reste comme elle est sur le premier screen mais fixe à l'écran ?

Par avance merci

[◦Jay◦]

Bonjour, essayez ceci :

Code:

/* Main menu */
#header-banner {
 background-image: url("https://illiweb.com/fa/awesomebb/header.png");
 background-size:90%;
 background-attachment: fixed;
 background-position:63px 20px;
 height: 150px;
 margin-bottom: 20px;
 margin-top:0;
 margin-left: 63px;
 border-radius: 0px 0px 10px 10px;
 width: 90%;
 box-shadow: 5px 10px 8px #888888;
 }

[*Splash*]

Merci Jay, c'est OK ce code

Pour fixer la barre du haut :


Que faut-il modifier ?

[◦Jay◦]

Comme ceci :

Code:

header{position:fixed;}

[*Splash*]

Hum, non la barre ne reste pas fixe

[◦Jay◦]

Si, cela fonctionne, essayez comme ceci :

Code:

header{position:fixed !important;}

[◦Jay◦]

Vous avez déjà un code avec

Code:

header{position:relative;}

modifiez-le

[*Splash*]

Vous avez déjà un code avec

Code:

header{position:relative;}

modifiez-le

Oui je viens de le modifier, au temps pour moi

Merci Jay

[◦Jay◦]

De rien.