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

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 le Mer 26 Oct 2011 - 12:32

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


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

angelique84
**

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

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 Final-Blonde le Mer 26 Oct 2011 - 18:37

Bonsoir Angelique84,

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

Final-Blonde
# Tropactif #

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

http://www.siteduzero.com/
Final-Blonde 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 le 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 -->

angelique84
**

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

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 Final-Blonde le 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://illiweb.com/fa/empty.gif" />sous-fo1</a><br />
<a href="url_page_sous-fo2"><img class="sprite-icon_minipost" src="http://illiweb.com/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://illiweb.com/fa/empty.gif" />sous-fo3</a><br />
<a href="url_page_sous-fo4"><img class="sprite-icon_minipost" src="http://illiweb.com/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

Final-Blonde
# Tropactif #

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

http://www.siteduzero.com/
Final-Blonde 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é le 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.

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 Final-Blonde le 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.

Final-Blonde
# Tropactif #

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

http://www.siteduzero.com/
Final-Blonde 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 le Ven 28 Oct 2011 - 12:23

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

angelique84
**

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

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 le Ven 28 Oct 2011 - 15:14

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

je vous remercie de votre aide ! a bientot

angelique84
**

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

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


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