Bannière en image de fond

par Threax le Mer 1 Juil 2009 - 14:38

Bannière en image de fond

Une astuce très demandée en ce moment, donc voici un bref tuto pour vous l'expliquer.
Il s'agit de mettre la bannière en image de fond du forum, et à la place de la bannière, une image vide.
Pour l'exemple, vous pouvez voir ce thème de Hitskin : http://demo.nicetheme.com/index.htm?theme_id=138140 (crée par Evange)

I. Installer la bannière en image de fond :

Panneau d'administration > Affichage > Gestion des images > Mode avancé

Dans le champ Image du fond de page :, collez l'URL de votre bannière.
Dans notre exemple, la bannière est donc cette image :
http://hitskin.com/themes/13/81/40/i_background.jpg

II. Installer une image transparence en bannière :

Dans le champ Logo du forum :, collez l'URL d'une image transparente qui est d'hauteur égale à votre bannière/fond.
Exemple, si votre bannière fait 500px de haut, votre image transparente doit faire, approximativement 500px de haut.

Dans notre exemple, nous mettrons donc cette image transparente :
http://hitskin.com/themes/13/81/40/i_logo.gif

Enregistrez.

III. Rendre transparent le cadre intérieur du forum :

Panneau d'administration > Affichage > Couleurs

Supprimez la couleur du champ Couleur intérieure du cadre du forum : et veillez à ne laisser que # dans ce champ (pour la transparence)
De même pour son cadre.

Pensez également à mettre en couleur du fond de page une couleur qui s'approche de la couleur de fond de la bannière

IV. Fixer le fond :

Panneau d'administration > Affichage > Couleurs > Feuille de style CSS

Collez ce code dans la Feuille de style CSS :

Code:: body { background-repeat: no-repeat; }

Si vous avez bien suivi ce tuto, votre bannière est désormais en image de fond, et prend toute la largeur de votre forum. Smile