Template, mettre les liens des sous forum à droite

[Play Doh]

Bonjour à tous, actuellement je code un forum, j'avais modifié les catégories de sorte à ce que ce soit un peu plus joli mais finalement j'aimerai que les catégories ressemblent à celles là : http://XXXXX.forumactif.org/

Autrement dit, j'aimerai que le nombre de messages soit à nouveau placer à droite là où on sait qui à poster le dernier message, et que les liens des sous forum soient mis sur la droite, comme avec un tableau...

Merci beaucoup d'avance.

[Invité]

Bonjour,

Les demandes afin de copier une grande partie d'un forum sont interdites, j'ai retiré l'adresse du forum mis en exemple, il est d'ailleurs sous copyright. Merci de faire un croquis personnalisé de ce que vous souhaitez.

Cordialement.

[Play Doh]

D'accord désolée. Bah je veux remettre le template de base, car moi j'ai déplacé les nombres de messages sur la colonne " général " ou il y a la description donc je voudrai qu'ils retournent dans la colonne de droite, le template normal quoi.

Et ensuite j'aimerai si possible savoir comment faire pour que les liens vers les sous forum soient mis sur la droite de la colonne, comme si la colonne était séparée en deux : la partie description sur la gauche, la partie liens sur la droite. Après je pense qu'on peut le faire directement dans le forum en faisant un tableau dans le html mais je préférai que cela se fasse automatiquement dans le template. merci

[Invité]

Bonjour,

Pour réaliser cela, il faut modifier le template Index-box, et le remplacer par:

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}

         {CURRENT_TIME}

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

         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

         <!-- 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="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>

            </span>
        </h{catrow.forumrow.LEVEL}>
      <table width="100%"><tr><td class="sep"  width="85%"><div><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div></td><td  width="15%"class="sousfo"><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
</script></td></tr></table>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
                    </span>
         </span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages
{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 -->

Enregistrez et publiez.

Ce qui a changé par rapport au template de base:
- J'ai supprimé les colonnes sujets et messages.
- J'ai placé les statistiques dans la colonne derniers messages, au dessus du lien du dernier message.
- J'ai déplacé les sous-forums.
- J'ai ajouté un tableau qui regroupe la description et les sous-forums.
- J'ai créé des class dans ce tableau pour la ligne de séparation et le fond des sous-forums.
- J'ai placé une div autour de la description pour permettre de mettre une couleur de fond.
- J'ai ajouté le script qui retire les virgules entre les sous-forums.

Ensuite ajoutez ceci dans votre CSS:

Code:

/*ligne de séparation entre description et sous-forums*/
.sep{
border-right: 3px solid #fff;/*épaisseur style et couleur de la ligne*/
}

/*fond description*/
.descrip{
background-color: #fff;/*couleur de fond*/
-moz-border-radius: 8px;
-webkit-border-radius: 8px;/*arrondis*/
border-radius: 8 px;
padding: 5px;/*marge intérieure*/
margin: 5px;/*marge extérieure*/
}

/*sous-forums*/
.sousfo{
background-color:#fff;/*couleur de fond*/
-moz-border-radius: 8px;
-webkit-border-radius: 8px;/*arrondis*/
border-radius: 8 px;
padding: 5px;/*marge intérieure*/
}

Il faudra personnaliser le code CSS selon vos souhaits.

Enfin, ajoutez un saut de ligne à la fin de chacun de vos sous-forums (<br>) de manière à ce qu'ils se mettent les uns en dessous des autres.

Le résultat:


Cordialement.

[Play Doh]

Mercii encore une petite question, si je veux rajouter des liens, mais pas ceux des sous forums, par exemple pour la partie administration j'aimerai rajouter les liens contexte, règles etc. comment dois-je faire ?

merci

[Invité]

Vous pouvez les ajouter manuellement dans la description avec le code suivant:

Code:

<a href="adresse de la page">nom du lien</a>

Il ne sera pas possible de les placer exactement au même endroit que les sous-forums par contre.

Si vous préférez faire une présentation personnalisée, alors il faudra passer par la description de chaque forum et faire cela manuellement, et créant, pour chaque forum, un tableau avec la description, et les liens à coté. Et dans ce cas la modification du template n'est pas nécessaire. Je vous donne l'ébauche du code pour essayer si vous le souhaitez:
dans panneau d'admin' > général > catégorie et forum, placez dans description pour chaque forum:

Code:

<table width="100%"><tr><td class="sep"  width="85%"><div class="descrip">votre description</div></td><td width="15%" class="sousfo">vos liens</td></tr></table>

On peut conserver le même code CSS.

Cordialement.

[Play Doh]

Oui d'accord, merci beaucoup ! Je vais mettre résolu!