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 !
Créer un forum gratuit

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



Afficher sous forme de :


Les posteurs les plus actifs de la semaine
*Henry*
 
Neptune-
 
LoGo
 
AdminSL
 
djmaminou
 
Amaryllis-Saphir
 
Evangelina
 

Thèmes du mois
  • Thème forum rentrée
  • Thème forum
  • Thème magic septembre 2014
  • Thème Fairy Tail
  • Thème rentrée scolaire
  • Thème Minecraft
  • Thème forum
  • Thème Vive la rentrée
  • Thème pokémon
  • Thème pastel printemps
  • Thème SAO
Derniers sujets
Qui est en ligne ?
Il y a en tout 304 utilisateurs en ligne :: 3 Enregistrés, 0 Invisible et 301 Invités :: 2 Moteurs de recherche

Amaryllis-Saphir, buckaroo, Milouze14

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

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


Threax
+ Hyperactif +

Masculin
Messages: 17261
Réputation: 2294
Inscrit(e) le: 27/08/2005

http://lesforumsde.forumactif.com

Revenir en haut Aller en bas

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