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

2 participants

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

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

Message par Khayalan Sam 9 Fév 2013 - 19:15

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]Espacer les différents éléments de mon forum Captur11[/img]

Merci d'avance Wink


Dernière édition par Khayalan le Sam 9 Fév 2013 - 21:22, édité 1 fois
avatar

Khayalan
**

Messages : 98
Inscrit(e) le : 09/02/2013

http://equid-et-wow.forumactif.org/
Khayalan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacer les différents éléments de mon forum

Message par Anzu Sam 9 Fév 2013 - 19:34

Bonjour et Bienvenue
sur le Forum des Forums ForumActif
Vu que vous êtes nouveau, voici quelques sujets importants :
Espacer les différents éléments de mon forum Attention2 Sécurité : Mail de fondation - Ce qu'il ne faut pas faire
Espacer les différents éléments de mon forum Fleche10Listing - Questions/Réponses fréquentes
Espacer les différents éléments de mon forum Fleche10Listing - Trucs et astuces
Espacer les différents éléments de mon forum Fleche10 La fonction Rechercher
Espacer les différents éléments de mon forum Fleche10 La FAQ de Forumactif.com

N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink


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.



Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacer les différents éléments de mon forum

Message par Khayalan Sam 9 Fév 2013 - 21:12

Bonsoir,

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

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.

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

Merci beaucoup!
avatar

Khayalan
**

Messages : 98
Inscrit(e) le : 09/02/2013

http://equid-et-wow.forumactif.org/
Khayalan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacer les différents éléments de mon forum

Message par Anzu Sam 9 Fév 2013 - 21:16


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 Smile

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacer les différents éléments de mon forum

Message par Khayalan Sam 9 Fév 2013 - 21:22

Problème résolu, merci encore!
avatar

Khayalan
**

Messages : 98
Inscrit(e) le : 09/02/2013

http://equid-et-wow.forumactif.org/
Khayalan a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum