Bannière-fond?

[Patte']

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis l'installation de la bannière
Lien du forum : http://la-zone-hominiens.forumactif.org/

Description du problème

Bonjour à vous !

Alors voilà, j'aimerais installer ma bannière (actuellement en header sur mon forum) en bannière-fond, c'est-à-dire sans le corps du forum qui est gris. Le seul problème, c'est que quand j'utilise un code, la bannière reste dans le corps et je n'arrive pas à mettre un motif à la place de la couleur !

Si vous pouvez me donner un code où la bannière serait en bannière fond avec le fond que je puisse mettre en motif ce serait impeccable!

Merci d'avance ♥

[horusbk]

Bonjour^^

Peut-être que ce    pourrait vous aider : bannière en image de fond

Cordialement,
1baptiste

[Patte']

Hey =) !
Merci de ta réponse, cependant je rencontre plusieurs problèmes, le premier:
Celui-ci.
Puis ensuite je voudrais que ma bannière ne prenne pas toute la largeur de la page et que le fond ne soit pas une couleur, mais le fond qu'il y'a actuellement
Je ne sais pas si c'est possible, merci de m'éclairer ♥

[MlleAlys]

Bonjour,
- dans affichage > templates > général, éditez le template overall_header
- repérez le passage :

Code:

 
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->

Il correspond à l'affichage de la bannière lorsque celle-ci est affichée avec l'option logo "centré" dans le panneau d'administration.
Coupez ce passage pour le déplacer juste en dessous de la variable {JAVASCRIPT} un peu plus haut pour la sortir du cadre du forum.
Vous pouvez également supprimer <br /> pour retirer le saut de ligne sous la bannière.

Le passage devient donc :

Code:

   <a name="top"></a>
   {JAVASCRIPT}
 
   <!-- BEGIN switch_logo_center -->
   <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
   <!-- END switch_logo_center -->
 
   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <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>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <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>

Vérifiez que l'option "Position du logo" est cochée sur "centré" dans affichage > page d'accueil > en-tête et navigation.
=> L'image apparait au dessus du cadre du forum, mais n'est pas centrée...
Ajoutez le code suivant dans votre feuille de style pour centrer le logo :

Code:

#i_logo {
  margin: auto;
  display: block;
}

[Patte']

Merci beaucoup les codes fonctionnent et c'est exactement ce que je cherchais ! ^^
Je crois pouvoir passer le sujet en merci beaucoup!