Bonjour!

Je viens d'appliquer le code trouvé ICI et je pensais que le rendu allait être le même que sur l'image d'exemple ici. En fait le code permet juste de mettre les liens en colonne comme sur l'image mais pas de créer le petit tableau à deux parties. Je me retrouve donc avec ça. Je n'arrive pas à trouver un tuto qui explique comment faire le tableau, je cherche désespérément! Je ne souhaite pas forcément avoir un effet de bords arrondis, juste une case carrée me va très bien. Du coup je cherche aussi comment déplacer la colonne des liens dans le carré de droite.

Pouvez-vous m'aider?
Merci beaucoup d'avance!

EDIT.
J'ai réussi à faire le tableau grâce à ce tuto cependant j'ai encore deux questions.
- Est-ce possible de faire en sorte que les titres de mes sous-catégories apparaissent directement dans la case des liens? Ou est-ce que je suis obligée de les faire moi-même à chaque fois?
- Est-ce possible de modifier les couleurs de la barre? J'ai trouvé les codes sur un autre site mais ça ne marche pas. Je crois que c'est à cause de mon navigateur mais je ne suis pas sûre.

Merci!

Edit : Gasp, répondu trop tard et ma réponse ne sert plus à rien XD

Bonjour !

Pour afficher les sous forums dans une boite latérale, il te faudra en faire un peu plus que ce que le tutoriel explique, en effet.

Tu peux modifier tes templates pour qu'il soit placé dans une cellule de tableau, ou bien appliquer une classe à la zone des sous forums et les placer en flottants '_'

La zone concernant le titre, la description et les sous-forums dans le template index_body est celle ci :

Code:

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

Normalement en suivant le tutoriel c'est un peu différent désormais x)

A toi de réagencer cette partie (avec des tableaux, ou des flottants) pour avoir l'agencement que tu souhaites, sachant que :

Code:

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

C'est le titre du forum

Code:

<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>

C'est la description du forum

Code:

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

C'est la liste des modérateurs et la liste des sous forums. D'ailleurs je te conseille de "séparer" les modérateurs des sous forums, comme ça :

Code:

         <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 class="gensmall">
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>

Il n'y a aucune différence à l'affichage, mais c'est pour faire bien le distingo entre chaque partie sachant qu'il ne faut jamais utiliser de div à l'intérieur d'un span.

J'ai été un peu technique sur la fin, n'hésite pas à me poser de questions si j'ai manqué de clarté

Je double poste pour faire le distingo :

Citation :

J'ai réussi à faire le tableau grâce à ce tuto cependant j'ai encore deux questions.
- Est-ce possible de faire en sorte que les titres de mes sous-catégories apparaissent directement dans la case des liens? Ou est-ce que je suis obligée de les faire moi-même à chaque fois?
- Est-ce possible de modifier les couleurs de la barre? J'ai trouvé les codes sur un autre site mais ça ne marche pas. Je crois que c'est à cause de mon navigateur mais je ne suis pas sûre.

Pour la barre défilante ce n'est pas possible, par contre pour les sous forums il te suffit simplement de mettre en application le second tutoriel, mais "directement" dans le template '_'

Merci beaucoup pour ta réponse!

Je vais essayer de modifier le template alors, je vais lire en détails ce que tu proposes pour ne pas faire de bêtises haha. Merci

EDIT:
Bon, vu que je ne suis pas très douée, j'ai besoin d'aide je crois
Je ne sais pas s'il faut que je modifie la partie qui correspond à la catégorie, ou celle qui correspond aux sous forums.
Moi pour le moment grâce à un code html dans mes catégories et au css, j'ai ça.

Du coup je ne sais pas trop quoi faire... je dois mettre mon code html dans le template?
Je suis un peu perdue je l'avoue

Hé bien, regarde, dans le code du template index_body, dans ce que je t'ai montré, tu sais ce qui correspond à la description, et ce qui correspond aux sous forums.
Et dans le code du deuxième tutoriel, tu as un tableau dans lequel tu mets d'un côté la description, de l'autre les sous forums.

Du coup, tu dois remplacer cette partie de ton template :

Code:

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

Par le tableau, en replaçant les différents éléments à la bonne place Si tu vires la partie des modérateurs, tu n'as donc que deux bouts à replacer :

Code:

<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>

Pour le texte de la description

Code:

  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

Pour les sous forums (à toi de ré-appliquer les modifications nécessaires pour l'affichage en colonne)

J'ai réussi je suis super contente! Merci beaucoup pour ton aide, je commence à maîtriser un peu les templates c'est génial, merci beaucoup!

J'ai juste une dernière question: comment faire pour que le rectangle qui contient les sous-forums soit toujours le plus à droite possible?
Parce que là ils sont positionnés n'importe comment, je ne sais pas pourquoi:
aperçu ici

Oui, il faut que tu fixes une largeur à la cellule contenant les liens, et que le tableau fasse bien 100% de largeur. Je te renvoie sur le dernier tutoriel que tu as cité pour plus de précisions, tout y est expliqué

J'ai fait ce que tu as dit mais ça ne marche pas, je sais pas pourquoi, j'ai tout vérifié pourtant!

Mais ce n'est pas grave parce qu'avec le texte de la description, la case de colle au bord, donc je n'ai pas besoin d'un code

Problème résolu, merci beaucoup!

Hello (:
Si le problème est résolu, je déplace ^^
N'hésite pas à rouvrir un autre sujet si tu as d'autres questions ! (: