Espacer les différents éléments de mon forum

[Khayalan]

Bonsoir,

Je viens de créer un nouveau forum et je souhaite personnaliser complètement mon thème. J'avais déjà réussi à le faire pour un forum précédent, mais je me heurte à un problème d'espaces entre les différents éléments de ma page. J'ai déjà essayé plusieurs codes tel que celui ci: a.mainmenu img {margin-bottom: 10px;} , mais ils n'ont pas l'effet escompté. Je vous joint une capture d'écran. J'aimerais créer un espace dans les zones avec les traits noirs.
Je précise que mon CSS est actuellement modifié (par le thème que j'ai choisi comme "base") et que mon forum est en phbb2.

[img][/img]

Merci d'avance

[Anzu]

Bonjour et Bienvenue sur le Forum des Forums ForumActif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : Mail de fondation - Ce qu'il ne faut pas faire Listing - Questions/Réponses fréquentes Listing - Trucs et astuces La fonction Rechercher La FAQ de Forumactif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

Bonsoir,

Il va falloir passer par les templates (Affichage > Templates Général) et rajouter des br (retour à la ligne).

Dans l'index box, après cette partie:

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>

Mettez des

Code:

<br />

Code:

<br />

Ensuite dans l'index body, juste après cette partie:

Code:

<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->

Et dans le overall header:

Juste après:

Code:

<!-- 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>

Enregistrez et publiez vos templates à chaque modification.

Cordialement.

[Khayalan]

Bonsoir,

Merci de votre réponse.
Les modifications des templates index body et index box fonctionnent parfaitement

En revanche, dans le overall header, j'obtiens un espace au-dessus de la barre de navigation. C'est aussi une bonne chose en soi, mais je voudrais si possible séparer la barre de navigation (menu) des indications d'en-dessous (dernières visites, nouveaux messages...).

Ci-joint une nouvelle capture d'écran avec en noir l'espace modifié par votre code dans le overall header et en rouge là où j'aimerais encore espacer.



Merci beaucoup!

[Anzu]

J'avais oublié de vous donner cette partie.
Dans le template overall header, repérez:

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
                          </table>

Vous rajoutez des retours à la ligne juste après

Cordialement.

[Khayalan]

Problème résolu, merci encore!