Header type phpBB3 sur un phpbb2

Avant tout, petit rappel, pour modifier les templates votre forum doit être en phpbb2, et vous devez en être le fondateur.

Voici ce que peut donner un header bleu :

Agrandir cette image Cliquez ici pour la voir à sa taille originale.


(il s'agit du cadre bleu, derrière le logo )

Alors commençons par les templates. Une toute petite modifications de rien du tout, mais essentielle.

Panneau d'administration,
Affichage,
Cliquez sur [Avancé] si besoin est,
Templates - Général


Pour ceci, éditez le template "overall_header", et cherchez :

Code:

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->

Puis remplacez par :

Code:

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr class="headerbar">
<!-- BEGIN switch_logo_left -->

Validez et confirmez.

Ensuite, on va personnaliser ce header.

Panneau d'administration,
Affichage,
Images et Couleurs,
Couleurs - Feuille de style CSS


Et collez ceci en complétant :
.headerbar {
background-attachment: fixed;
background-color: #color;
background-image: url("adresse_url_de_l'image_de_fond");
background-repeat: repeat;
background-position: top left;
}


En noir :
- Pour que l'image ne défile pas lorsque vous descendez, inscrivez fixed
- Pour que l'image défile lorsque vous descendez, inscrivez scroll

En marron :
- Modifiez #color par la couleur de fond que vous souhaitez attribuer à la zone

En vert :
- Pour que l'image ne se répète pas, inscrivez no-repeat
- Pour que l'image se répète en mosaïque, inscrivez repeat
- Pour que l'image se répète horizontalement, inscrivez repeat-x
- Pour que l'image se répète verticalement, inscrivez repeat-y

En orange :
- Pour aligner le fond en haut, inscrivez top
- Pour aligner le fond en bas, inscrivez bottom
- Pour aligner le fond au centre, inscrivez center

En rouge :
- Pour aligner le fond à gauche, inscrivez left
- Pour aligner le fond à droite, inscrivez right
- Pour aligner le fond au centre, inscrivez center

Validez, et votre header apparaitra derrière le logo normalement !