[Xooit] Installer un header de fond

Date d'inscription: 17/11/2011

Pour pouvoir installer un header de fond sur xooit voici les étapes à suivre. Elles sont valables pour le thème "Appalachia" et n'ont pas été testé sur d'autres thèmes. Normalement la base reste la même.

- Pour commencer : Aller dans le panneau d'administration - Thème - Modifier les templates. [Thème normal MAIS attention à bien enregistrer votre template avant toute modification. Sinon vous risquez de faire des bêtises et de tout perdre]

- Chercher la template "overall_header.tpl" et ouvrez-là !

- Rechercher ceci :

Code:

background-color: {T_BODY_BGCOLOR};
scrollbar-face-color: {T_TR_COLOR2};
scrollbar-highlight-color: {T_TD_COLOR2};
scrollbar-shadow-color: {T_TR_COLOR2};
scrollbar-3dlight-color: {T_TR_COLOR3};
scrollbar-arrow-color: {T_BODY_LINK};
scrollbar-track-color: {T_TR_COLOR1};
scrollbar-darkshadow-color: {T_TH_COLOR1};

Si vous utiliser Mozilla, un "CTRL + F" vous aidera à faire une recherche rapide. Ce code se trouve au tout début de la template si ce n'est pas exactement le même.

- Ajouter ce code à la suite :

Code:

background-image: url("ADRESSE DE VOTRE HEADER");
background-color: #COULEUR DE FOND;
background-repeat: no-repeat;
background-attachment: no-fixed;
background-position: top center;

Pour la 1ère ligne : Il vous faut ajouter l'adresse directe de votre image.
Pour la seconde ligne : Il vous faut mettre la couleur de fond du forum.

- Maintenant, rechercher cette ligne

Code:

Et remplacer là par celle-ci :

Code:

[Nous enlevons le header du forum pour le remplacer par une image transparente =) !

- Sur la ligne du dessus, supprimez ceci :

Code:

"bodyline"

- Toujours après ce paragraphe, après

Code:

</table>

Ajoutez autant de

Code:

Pour séparer le header de la barre de menu.

Normalement tout devrait être bon. =D

Pour toutes questions concernant ce tuto, rendez-vous ICI
Source du tutoriel