Créer un espace entre deux catégories

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

Résolu Créer un espace entre deux catégories

Message par Mystyroi le Jeu 18 Aoû 2011 - 17:24

Bonjour/Bonsoir à tous et à toutes,

Je commencerais tout d'abord par dire que j'ai essayé dez régler par moi-même ce soucis, puis en regardant sur Internet, et au final en essayant de regarder la foire aux Questions de forum actif mais je n'arrive toujours pas à régler le problème ce pourquoi j'en fais actuellement appel à vous. Avant de poster, j'ai bien évidemment pris la peine de choisir la bonne catégorie et de lire la charte d'utilisation.

Je suis l'administrateur d'un forum (en PunBB) d'aide à la communauté d'habbo hôtel que vous pouvez consulter à l'adresse suivante http://www.habboguides.forum-canada.net/, et je souhaiterais ajouter un espace entre les deux catégories. Je précise pour cela que j'ai déjà modifié quelques caractéristiques de mon panneau de configuration dans : "Affichage > Page d'acccueil > Structure et hiérarchie" et en ayant sélectionné les trois types de catégories censées être séparées sur l'index comme le montre l'image ci-dessous mais cela n'a rien donné.



D'autre part, d'après d'autres problèmes ayant certaines similitudes avec le mien, j'ai pu comprendre que cela ne venait pas des templates mais de la feuille de style CSS. J'ai déjà essayé d'ajouter du code pour régler cet espace, mais toujours sans résultat. Je tiens à dire qu'avant, je n'avais jamais touché au CSS et aux templates.

C'est pourquoi je me demande finalement si cette démarche demeure possible ? Mais comme sur un forum, tout est configurable, en particulier sur forumactif, je pense que cela est possible. C'est pourquoi, j'aimerais que si vous aviez des directives ou une potentielle solution à me proposer, vous me détaillerez bien tout ce qu'il faut faire en donnant un maximum de détails (pour ma part, j'ai essayé d'en fournir beaucoup).

Merci à ceux qui auront pris la peine de lire mon message et merci d'avance à ceux qui tenteront de trouver une solution Wink

- Cordialement, Mystyroi.


Dernière édition par Mystyroi le Ven 19 Aoû 2011 - 18:05, édité 3 fois

Mystyroi
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 18/08/2011

http://www.habboguides.forum-canada.net/
Mystyroi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un espace entre deux catégories

Message par SoraNoHime le Jeu 18 Aoû 2011 - 18:40

Bonjour

Il me faudrait votre template index_box s'il vous plait.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un espace entre deux catégories

Message par Mystyroi le Jeu 18 Aoû 2011 - 19:36

Le voici sans plus attendre :

Code:
<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            <thead>
               <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
               </tr>
            </thead>
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                     <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                     {catrow.forumrow.FORUM_DESC}
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc2">{catrow.forumrow.TOPICS}</td>
                  <td class="tc3">{catrow.forumrow.POSTS}</td>
                  <td class="tcr">
                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Mystyroi
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 18/08/2011

http://www.habboguides.forum-canada.net/
Mystyroi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un espace entre deux catégories

Message par SoraNoHime le Jeu 18 Aoû 2011 - 19:56

Repérez ceci :
Code:

   <!-- END tablefoot -->
<!-- END catrow -->
</div>

Et remplacez le par
Code:

   <!-- END tablefoot -->
<div style="height:10px;"> </div>
<!-- END catrow -->
</div>

modifier le 10 pour agrandir ou réduire l'écart.

Cordialement.


Dernière édition par Macema le Jeu 18 Aoû 2011 - 22:25, édité 1 fois

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un espace entre deux catégories

Message par Mystyroi le Jeu 18 Aoû 2011 - 20:24

Re bonsoir à vous,

Finalement, je n'aurais pas pu régler le problème moi-même car il fallait toucher au code, donc cela n'était pas de mon niveau. Cependant légère erreur dans votre message, il me semble car vous avez mis deux fois le même code. Or dans le code initial du template index_box, il n'y a pas la ligne à ajouter qui permet d'ajouter un espace entre les deux catégories, à savoir <div style="height:10px;"> </div>, mais juste :

Code:
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

Enfin bref, l'important est que tout fonctionne parfaitement ce pourquoi je tiens à vous remercier car ce n'était pas compliqué mais encore fallait-il trouver où l'on pouvait ajouter cette fameuse ligne de code.

Mystyroi
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 18/08/2011

http://www.habboguides.forum-canada.net/
Mystyroi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un espace entre deux catégories

Message par Mystyroi le Jeu 18 Aoû 2011 - 22:56

Désolé du double post, mais malheureusement il y a un léger problème avec la démarche. En effet, l'espace entre les deux catégories varie selon la valeur, mais seulement un autre espace vient s'ajouter ce qui est très contraignant et ne fait pas joli joli. Voici l'espace en question qui s'ajoute en plus de l'espace entre les catégories, et qui se situe entre le titre de la catégorie et la case de la description de la catégorie. Voir ci-dessous:



(Sur l'image de bas en haut : au-dessus on a une première catégorie, plus bas l'espace entre les deux catégorie souhaité, ensuite l'espace non-souhaité représenté par la flèche rouge qui vient s'ajouter dans la catégorie, et puis pour finir l'espace entre la seconde catégorie et le bas de page)

Si vous pourriez m'indiquer une démarche supplémentaire afin d'empêcher qu'il y ait cet espace en particulier, cela serait gentil. Merci d'avance Wink

Mystyroi
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 18/08/2011

http://www.habboguides.forum-canada.net/
Mystyroi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un espace entre deux catégories

Message par SoraNoHime le Ven 19 Aoû 2011 - 14:19

Alors remplacez :
Code:
       
          <!-- END tablefoot -->
        <div style="height:10px;"> </div>
        <!-- END catrow -->
        </div>

par :

Code:
   
        <div style="height:10px;"> </div>   
          <!-- END tablefoot -->
        <!-- END catrow -->
        </div>

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un espace entre deux catégories

Message par Mystyroi le Ven 19 Aoû 2011 - 18:03

Bonsoir et merci, tout marche parfaitement. Je mets le sujet en résolu.

Mystyroi
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 18/08/2011

http://www.habboguides.forum-canada.net/
Mystyroi 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