Forum gratuit : Le forum des forums actifs
Bienvenue sur le forum de support de ForumActif.

Afin de profiter pleinement de tout ce que vous offre notre forum, merci de vous identifier si vous êtes déjà membre ou de rejoindre notre communauté si vous ne l'êtes pas encore.


Créer un forum gratuit semblable à ce forum


Rechercher
Magic FDF Rechercher parmi les tutoriels...
Pensez à effectuer une recherche parmi les tutoriels existants avant d'ouvrir un sujet dans l'Entraide !



Afficher sous forme de :


Thèmes du mois
Les posteurs les plus actifs de la semaine
Chacha
 
Pinguino
 
FANCH 56
 
Azami
 
SandyL
 
Elissa
 
Chapo
 
Freyja des Terres de Wyrd
 
Anzu
 
Milouze14
 

Derniers sujets
Qui est en ligne ?
Il y a en tout 211 utilisateurs en ligne :: 11 Enregistrés, 0 Invisible et 200 Invités :: 2 Moteurs de recherche

Amanwithoutmind, Daisy Rondelle, Hotage, JF28, lasido, Milouze14, N-W, Psyaliah, Scoubifitz, x-fuzion-x, Zeruda-Hime

Le record du nombre d'utilisateurs en ligne est de 1877 le Jeu 19 Mai 2011 - 15:00
Bannière en image de fond 5 5 2

Bannière en image de fond

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

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




Cordialement,

Threax
Adminactif
Adminactif

Masculin
Messages: 16052
PointsActifs: 569452
Réputation: 2001
Inscrit(e) le: 27/08/2005

Voir le profil de l'utilisateur http://lesforumsde.forumactif.com

Revenir en haut Aller en bas

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

- Sujets similaires

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