Aligner les sous forums en colonne et pas sur la meme ligne

[angelique84]

Bonjour
Sur mes categories j'ai ajouter des sous forums, ceux ci se presentent en ligne,



j'aurais aimé qu'ils se presentent en colonne comme la capture


Quelle est la marche a suivre ? svp merci

[kheino]

Bonsoir Angelique84,

As-tu déjà modifié le template index_box ?
Si oui, peux-tu ledonner ici ?

[angelique84]

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>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

[kheino]

J'ai essayé, mais je crois qu'il faut mettre les liens directement dans la description des forums concernés...
En tout cas c'est tout ce que j'ai trouvé.

Tout d'abord, il faut faire en sorte que les sous-forums des variables du template index_box ne s'affichent pas :
PA >> Affichage >> Structur et hiérarchie > Lien vers les niveaux inférieurs > Non > Enregistrer

Nous allons maintenant créer un tableau afin de placer les sous-forums au mieux.
Donc copie-colle tout en laissant quelques sauts de ligne après la description des forum :

Code:

BLABLABLA DESCRIPTION
 
<br /><br /><br />
<table width="100%" align="left"><tr class="underfo"><td align="left" width="34%">
<a href="url_page_sous-fo1"><img class="sprite-icon_minipost" src="http://2img.net/i/fa/empty.gif" />sous-fo1</a><br />
<a href="url_page_sous-fo2"><img class="sprite-icon_minipost" src="http://2img.net/i/fa/empty.gif" />sous-fo2</a><br />
</td>
<td align="left"> </td>
<td align="left" width="34%">
<a href="url_page_sous-fo3"><img class="sprite-icon_minipost" src="http://2img.net/i/fa/empty.gif" />sous-fo3</a><br />
<a href="url_page_sous-fo4"><img class="sprite-icon_minipost" src="http://2img.net/i/fa/empty.gif" />sous-fo4</a><br />
</td></tr></table>

Au "tr" (="rorw" ="ligne") nous avons donné un attribut class="underfo" pour que dans le CSS elle gère les paramètres pour TOUTES les cellules (="td" ="colonne").

La cellule (td) du milieu est une cellule "morte" juste là pour l'espace.
Elle reçoit automatiquement la largeur qui lui reste après que les deux autres en une fixe.
Tu peux aussi l'exploiter différemment, soit avec une image, ou une autre colonne de sous-forums, n'oublie juste pas de modifier le %tage des deux autres.

Dans le CSS donc :

tr.underfo td a {
color: indigo;
font-size: 12px:
font-weight: bold;
}

Bien sûr ce n'est qu'un exemple.
Tu peux aussi encadrer le tableau, mettre les beaux effets du CSS3, etc...

[Invité]

Bonjour,

On peut peut-être essayé un truc tout simple aussi: mettre un <br /> à la fin de chaque titre de sous-forum.

Cordialement.

[kheino]

Raooow !
Je savais que quelque chose me turlupinait sans arriver à mettre le doigt dessus...
Pourquoi faire simple quand on peut bien compliqué, hein FB ?!

Béh vouiii, c'est nettement plus simple.

[angelique84]

Super c'est nickel le <br /> je vous remercie
une derniere chose comment enlever la virgule ? ,

[angelique84]

j'ai trouver la solution ici https://forum.forumactif.com/t302713-retirer-la-virgule-des-sous-forums?highlight=VIRGULE

je vous remercie de votre aide ! a bientot