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

2 participants

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

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

Message par angelique84 Mer 26 Oct 2011 - 12:32

Bonjour
Sur mes categories j'ai ajouter des sous forums, ceux ci se presentent en ligne,
Aligner les sous forums en colonne et pas sur la meme ligne 21131310


j'aurais aimé qu'ils se presentent en colonne comme la capture
Aligner les sous forums en colonne et pas sur la meme ligne Test3310

Quelle est la marche a suivre ? svp merci


Dernière édition par angelique84 le Ven 28 Oct 2011 - 15:14, édité 1 fois
avatar

angelique84
**

Féminin
Messages : 54
Inscrit(e) le : 03/07/2008

Voir le profil de l'utilisateur http://pauseconcours.forumgratuit.org/
angelique84 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner les sous forums en colonne et pas sur la meme ligne

Message par kheino Mer 26 Oct 2011 - 18:37

Bonsoir Angelique84,

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

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

Voir le profil de l'utilisateur http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner les sous forums en colonne et pas sur la meme ligne

Message par angelique84 Mer 26 Oct 2011 - 19:04

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

angelique84
**

Féminin
Messages : 54
Inscrit(e) le : 03/07/2008

Voir le profil de l'utilisateur http://pauseconcours.forumgratuit.org/
angelique84 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner les sous forums en colonne et pas sur la meme ligne

Message par kheino Jeu 27 Oct 2011 - 12:25

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


Dernière édition par Final-Blonde le Jeu 27 Oct 2011 - 12:31, édité 1 fois
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

Voir le profil de l'utilisateur http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner les sous forums en colonne et pas sur la meme ligne

Message par Invité Jeu 27 Oct 2011 - 12:29

Bonjour,

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

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner les sous forums en colonne et pas sur la meme ligne

Message par kheino Jeu 27 Oct 2011 - 12:33

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.
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

Voir le profil de l'utilisateur http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner les sous forums en colonne et pas sur la meme ligne

Message par angelique84 Ven 28 Oct 2011 - 12:23

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

angelique84
**

Féminin
Messages : 54
Inscrit(e) le : 03/07/2008

Voir le profil de l'utilisateur http://pauseconcours.forumgratuit.org/
angelique84 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner les sous forums en colonne et pas sur la meme ligne

Message par angelique84 Ven 28 Oct 2011 - 15:14

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
avatar

angelique84
**

Féminin
Messages : 54
Inscrit(e) le : 03/07/2008

Voir le profil de l'utilisateur http://pauseconcours.forumgratuit.org/
angelique84 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