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

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

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

Message par petitefeuille le Lun 13 Avr 2015 - 18:03

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



Dernière édition par petitefeuille le Mer 15 Avr 2015 - 10:48, édité 1 fois

petitefeuille
*****

Féminin
Messages : 814
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparence l'affichage des sous-forums

Message par Neptunia le Lun 13 Avr 2015 - 19:54

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

Neptunia
+ Hyperactif +

Féminin
Messages : 10394
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparence l'affichage des sous-forums

Message par petitefeuille le Mar 14 Avr 2015 - 18:48

Neptune- a écrit: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 Sad

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

Mes amitiés


petitefeuille
*****

Féminin
Messages : 814
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème d'apparence l'affichage des sous-forums

Message par Neptunia le Mar 14 Avr 2015 - 19:06

@petitefeuille a écrit:
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é ?

Neptunia
+ Hyperactif +

Féminin
Messages : 10394
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparence l'affichage des sous-forums

Message par petitefeuille le Mar 14 Avr 2015 - 19:18

Neptune- a écrit:
@petitefeuille a écrit:
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

petitefeuille
*****

Féminin
Messages : 814
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparence l'affichage des sous-forums

Message par Neptunia le Mar 14 Avr 2015 - 21:03

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

Neptunia
+ Hyperactif +

Féminin
Messages : 10394
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème d'apparence l'affichage des sous-forums

Message par MlleAlys le Mar 14 Avr 2015 - 22:33

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 :

    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}>
    correspond au titre du forum

    Code:
    <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
    correspond la description du forum

    Code:
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
    correpsond à l'affichage des modérateurs du forum si l'option est activée dans le panneau d'administration

    Code:
    <div class="s_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
    correspond aux sous-forums

  • 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

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Problème d'apparence l'affichage des sous-forums

Message par petitefeuille le Mer 15 Avr 2015 - 10:47

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

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

Neptune- merci à vous aussi Smile +1 Wink

petitefeuille
*****

Féminin
Messages : 814
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille 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