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

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 le 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][/img]

Merci d'avance Wink


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

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 le 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 :
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 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
+ Hyperactif +

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

http://forum.forumactif.com/forum
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 le 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.



Merci beaucoup!

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 le 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
+ Hyperactif +

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

http://forum.forumactif.com/forum
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 le Sam 9 Fév 2013 - 21:22

Problème résolu, merci encore!

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


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