Partagez | 
 

 [Xooit] Mettre une "bannière fond"

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

Miettes

Pain perdu tout chaud

Bons Points (BP) : 493

Voir le profil de l'utilisateur

MessageSujet: [Xooit] Mettre une "bannière fond"   Ven 20 Avr - 16:46
Bonjour à tous Smile

Dans ce tutoriel, nous allons apprendre à faire ceci

Spoiler:
 

Les images utilisées sont réalisées par Meirera qui les a créées pour sa formation gimp

Vous allez voir, c'est très simple.

IdeaPré-requis :
  • vous devez avoir accès aux templates,
  • vous devez avoir en votre possession un header qui se répète correctement horizontalement et une image de fond,
  • aucune connaissance en html et css n'est nécessaire ici.


On y va.

1/ Dans le template "overall_header", nous allons faire 2 manip :
-> supprimer la partie qui affiche la bann. Pour cela, repèrez quelque chose qui ressemble à ça
Code:
         <tr>
            <td align="center" width="100%" valign="middle"><a href="{U_INDEX}"><img src="http://img10.xooimage.com/files/l/o/logo-906f6.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
            </tr>
et supprimez le.

-> Ajouter un bloc qui va afficher le header. Pour cela, on va placer ça
Code:
<div id="banniere" onclick="document.location.href='/index.php'"> </div>
juste après
Code:
<a name="top"></a>

2/ Ensuite, toujours dans le même template, on va ajouter le css. Pour cela, écrivez juste avant
Code:
</style>
Les infos suivantes :
Code:
body{
   margin:auto;
   background-image:url('lien_de_votre_image_de_fond');
   background-repeat:repeat;
   }

div#banniere{
   background-image:url('lien_de_votre_bann');
   background-repeat:repeat-x;
   width:100%;
   height:hauteur_de_votre_banniere px;
   background-position: top center;
   }

Spoiler:
 

Et c'est terminé Smile




Vous rencontrez un souci avec ce tutoriel ? Venez poser votre question [ici].

Idea N'oubliez pas de lire et de suivre les [règles de la section].
 

[Xooit] Mettre une "bannière fond"

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Mettre une image de fond aux cellules du forum (messages, forums, sujets)
» Mettre une bannière en flash sur un forum de Forum Actif
» Mettre une image de fond Pour les catégories
» Comment rendre le fond des noms d’icones transparent?
» plus de fond de carte sur mon nuvi 550

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Progress :: La bibliothèque :: Tutoriels :: Informatique :: Codage-
Sauter vers:  
Espace Admin du site

©2008-2018 - School Of Progress - Toute reproduction totale ou partielle est interdite.
Design réalisé par Mewyn - Forum hébergé par forumactif.com

Les logos des SoPiens

Nos correspondants