Bannière qui prend tout l'espace du haut

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

Résolu Bannière qui prend tout l'espace du haut

Message par Arold le Sam 14 Déc 2013 - 3:17

Salut,

J'aimerais savoir comment faire pour mettre une bannière qui prend tout l'espace du haut du forum. Par exemple ici :



Mieux voir le site :

http://blablamode.hostingsiteforfree.com

Merci !


Dernière édition par Arold le Sam 14 Déc 2013 - 15:58, édité 1 fois

Arold
****

Masculin
Messages : 238
Inscrit(e) le : 21/07/2013

http://www.mootchies.com
Arold a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui prend tout l'espace du haut

Message par Ange Tuteur le Sam 14 Déc 2013 - 14:43

Bonjour Arold,

Quoi est la version de votre forum?

Merci d'avancé

Ange Tuteur
****

Masculin
Messages : 477
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui prend tout l'espace du haut

Message par Arold le Sam 14 Déc 2013 - 15:20

@Ange Tuteur a écrit:Bonjour Arold,

Quoi est la version de votre forum?

Merci d'avancé
phpBB2

Arold
****

Masculin
Messages : 238
Inscrit(e) le : 21/07/2013

http://www.mootchies.com
Arold a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui prend tout l'espace du haut

Message par Ange Tuteur le Sam 14 Déc 2013 - 15:55

Merci ::fleur::

Panneau d'administration > Affichage > Templates > Général > overall_header

Remplacer :
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>
 <!-- END switch_logo_left -->
 <td align="center" width="100%" valign="middle">
 <!-- 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 -->
 <div class="maintitle">{MAIN_SITENAME}</div>
 <br />
 <span class="gen">{SITE_DESCRIPTION}<br />  </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>

Par :
Code:
<table class="bbforum_header" 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">
 <!-- 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 -->
 <div class="maintitle">{MAIN_SITENAME}</div>
 <br />
 <span class="gen">{SITE_DESCRIPTION}<br />  </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>

Enregistrer et publier.

Alors ajoute ceci CSS à modifier le header :
PA > Affichage > Couleurs > Feuille de style CSS
Code:
/* espace header */
.bodylinewidth { margin-top:140px; }
/* header */
.bbforum_header {
background-image:url('IMAGE ICI');
background-color:#E1F5FA;
position:absolute;
top:0;
left:0;
right:0;
padding-top:30px;
}

résultat :

Ange Tuteur
****

Masculin
Messages : 477
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui prend tout l'espace du haut

Message par Arold le Sam 14 Déc 2013 - 15:57

Merci !

Arold
****

Masculin
Messages : 238
Inscrit(e) le : 21/07/2013

http://www.mootchies.com
Arold a été remercié(e) par l'auteur de ce sujet.

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