Problème d'apparence l'affichage des sous-forums

[petitefeuille]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 13/04/2015
Lien du forum : http://www.petitefeuille.net/

Description du problème

Bonjour,

J'ai voulu mettre en place "Personnaliser l'affichage des sous-forums" et cela n'apparaît pas sur mon forum, aucune modification.

Je vous montre donc mes modifications au niveau du Template index_box

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">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</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">&nbsp;</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 -->
                            <div class="s_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
         </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">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

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

et le JAVASCRIPT sur l'index

Code:


$(function() {
          var sep = '/', max_by_line = 3;
          $('.s_forum').each(function() {
              var nth = 0;
              $('a.gensmall', this).each(function(){
                var next = this.nextSibling;
                if (next && next.nodeType == 3 && next.nodeValue == ", ") {
                    if (++nth % max_by_line) $(next).replaceWith(sep);
                    else $(next).replaceWith('<br>');
                }
              });
          });
        });

Pouvez-vous m'aider s'il vous plait ?

Merci d'avance

mes amitiés

petitefeuille

[Neptunia]

Bonjour ^^


La modification est pourtant apparente sur votre forum.
Vous avez défini un maximum de 3 sous-forums par ligne et sur l'index je ne vois aucune catégorie avec 4 sous-forums ou plus sur une même ligne.

De même le séparateur / est lui aussi présent en lieu et place de la virgule

[petitefeuille]

Bonjour ^^


La modification est pourtant apparente sur votre forum.
Vous avez défini un maximum de 3 sous-forums par ligne et sur l'index je ne vois aucune catégorie avec 4 sous-forums ou plus sur une même ligne.

De même le séparateur / est lui aussi présent en lieu et place de la virgule

Bonsoir Neptune-,

Alors je n'ai rien compris, car sur un de mes forums j'ai eu la modification que j’espérais voir ci-dessous

Spoiler:

cette ligne qui entoure l’intérieur voir la flèche

Spoiler:

donc là je ne comprends plus rien

A bientôt de vous lire et merci de m'avoir répondu

Mes amitiés

[Neptunia]

Alors je n'ai rien compris

A mon tour de ne pas comprendre. Les captures écran ne semblent correspondre ni au forum de votre profil, ni à celui indiqué dans le premier message du sujet (le même)

Quel est l'adresse du forum concerné ?

[petitefeuille]

Alors je n'ai rien compris

A mon tour de ne pas comprendre. Les captures écran ne semblent correspondre ni au forum de votre profil, ni à celui indiqué dans le premier message du sujet (le même)

Quel est l'adresse du forum concerné ?

pardon, mais l'image de la capture d'écran correspond à un de mes forums sinon celui que je veux modifier est bien celui là et justement je voudrais faire pareil sur Petite feuille

[Neptunia]

Désolé, je passe la main, je pensais que le problème était le rendu du script pour réagencer les sous-forums.

[MlleAlys]

Bonjour,
je ne comprends pas bien, quelle modification souhaitez vous faire exactement ? Ajouter le cadre autour des descriptions et sous-forums ?
Si c'est bien ça, il s'agit d'un "fieldset", un cadre normalement utilisé dans les formulaires, et le titre du forum est mis en légende de ce cadre.
Pour le mettre sur votre forum :

• Editez votre template index_box
  
• localisez le passage suivant :
  

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

  description des éléments :

  
  
• Entoure ce passage de balises <fieldset>...</fieldset>, ce qui donne :
  

  Code:

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


• Entourez le titre du forum de balises <legend>...</legend>, ce qui donne :
  

  Code:

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


• Enregistrez le template
  
• Publiez le template
  

[petitefeuille]

MlleAlys je vous souhaite une excellente journée et un grand merciiiiiiiiiiii c'est tout à fait cela que je souhaitez +1

A très bientôt car j'ai un autre souci je clos le sujet

Neptune- merci à vous aussi +1