Bannière en image de fond554

Bannière en image de fond

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Astuce Bannière en image de fond

Message 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. Wink

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


Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum