• Forum où J'ai Vu L'effet : Ouuu je n'ai pas ca sous la main quoique si

Effet



• Quel est cet Effet : En fait pour le moment, ma banniere fait fond. du coup, pour la couleur de fond, je ne peux pas mettre d'arrière plan. J'ai vu plusieurs forums ou ils avaient réussis à mettre et une bannière et un fond. J'aurais souhaité trouvé ce tutoriel. Et pourtant j'assure que j'ai cherché et sur forumactif ( va y pour trouver un truc >_<) et sur cssactif mais sans succès ou alors avec des explications qui peuvent être comprises des seuls initiés.
• Variante Souhaitée : Je souhaiterais pouvoir mettre une banniere en fond et avoir également un fond de forum
• Précisions :

Code:

body
{background-image: url(URL IMG), url(URL IMG);
  background-repeat: no-repeat, repeat;
  background-position: top center, center;
}

• Pour ce faire, direction Panneau d’administration > onglet : Affichage > menu : Template > option : Général. Modifiez le Template overall_header en cliquant sur l’icône et coupez (Ctrl+X) toute cette portion de code :
  
  

  Code:

  
  <table width="100%" cellspacing="0" cellpadding="0" border="0">
                 <tr>
                    <!-- BEGIN switch_logo_left -->
                    <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                    <td align="center" width="100%" valign="middle">
                       <div class="maintitle">{MAIN_SITENAME}</div>
                       
  
                       <span class="gen">{SITE_DEscriptION}
    </span>
                    </td>
                    <!-- END switch_logo_left -->
  
                    <!-- BEGIN switch_logo_center -->
                    <td align="center" width="100%" valign="middle">
                       <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
  
                       <div class="maintitle">{MAIN_SITENAME}</div>
                       
  
                       <span class="gen">{SITE_DEscriptION}</span>
                    </td>
                    <!-- END switch_logo_center -->
  
                    <!-- BEGIN switch_logo_right -->
                    <td align="center" width="100%" valign="middle">
                       <div class="maintitle">{MAIN_SITENAME}</div>
                       
  
                       <span class="gen">{SITE_DEscriptION}
    </span>
                    </td>
                    <td>
                       <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                    </td>
                    <!-- END switch_logo_right -->
                 </tr>
              </table>
  

  
  Ce code correspond à la bannière peu-importe sa position gauche, droite ou au centre ainsi que la description du forum et le titre, j’ai sélectionné cette portion de code pour plus de facilité.
  
  
• Collez le code que vous avez coupez à l’étape précédente strictement par-dessus la ligne :
  

  Code:

   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">

  
  Toute le code HTML est maintenant en place, il ne reste plus qu'à valide votre template.
  
  
• Maintenant, il nous faudra modifier un peu le CSS pour éviter de voir une marge entre la fenêtre du navigateur et votre bannière. Rendez-vous dans Panneau d’administration > onglet : Affichage > menu : Images et Couleurs > option : Couleurs > Feuille de style CSS.
  
  Collez-y le code suivant :
  

  Code:

  
  body {
  margin : 0px;
  }

  
  Attention: Si vous avez déjà le code body { dans votre CSS, ajoutez la ligne de code margin : 0px; avant }.
  
• Il ne vous reste plus qu’à mettre la bannière et le fond comme à l’habitude, dans la gestion des images de votre Panneau d’administration.
  

Essaye ceci.

Tu enlèves ceci :


Code:

body {margin : 0px;}

body { background-attachment: scroll; background-repeat:repeat; background-position: top center;}


Pour le remplacer avec ceci.


Code:

body { background-attachment: scroll; background-repeat:repeat; background-position: top center; margin : 0px;}

C'est peut-être dû a une erreur dans ton template , si tu pouvais me le passé.

Spoiler: