Liens vers les sous-forum

[deedee]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://fofotestdoh2.forumactif.com/

Description du problème

Bonjour. ou bonsoir vu l'heure....

J'ai utiliser des codes pour forum pbpbb3 et un code pour description des catérogories/forum. le soucis est qu'il faut installer les liens vers les sous-forums de façon manuelle. et j'aimerais savoir si c'est possible que le code se remplisse automatiquement sans que le design du code ne change.?

code des description des forums:

Code:

<div style="background-image: url(https://via.placeholder.com/100x100);" class="pcf-mgdsc">
   
</div>
 
<div class="pcf-desc1">
    <texto>Jelly-o pudding wafer oat cake liquorice gummi bears tart chocolate pie. Caramels bonbon apple pie biscuit danish chupa chups cookie sweet roll danish. Sweet cupcake croissant wafer wafer tootsie roll cake cookie. </texto>
   <div class="pcf-fastlinks">
       <a class="links" href="/">Normativas</a> <a class="links" href="/">Ambientación</a> <a class="links" href="/">Grupos</a><a class="links" href="/">Razas y otros</a>
   </div>
   
</div>

et mon index_box:

Code:

<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="forabg"><div class="inner">
<ul class="topiclist"><li class="header">{catrow.tablehead.L_FORUM}</li></ul>
 
<ul class="topiclist forums">
<!-- END tablehead -->
 
<!-- BEGIN forumrow -->                  
<div class="pcf-subforum">                        
<div class="pcf-wdsc">{catrow.forumrow.FORUM_DESC}</div>
<div class="pc-wups">
<div class="pcf-wsbf"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></div>
 <div class="stardust-subforo-d">
<div class="stardust-subforo-d1" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll;"></div>  
</div>
<div class="pcf-wstats">
<div class="pcf-cont">
<div class="pcf-topicsf"><b>{catrow.forumrow.TOPICS}</b><span>{L_TOPICS}</span></div>
<div class="pcf-postsf"><b>{catrow.forumrow.POSTS}</b><span>{L_POSTS}</span></div>
</div>
<div class="pcf-lastpostf"><div><!-- BEGIN switch_topic_title --><a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><!-- END switch_topic_title -->{catrow.forumrow.USER_LAST_POST}</div>
</div></div>

</div>
</div>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</ul>
</div></div>
<!-- END tablefoot -->
<!-- END catrow -->
 
<!-- BEGIN switch_forum_images -->
<div class="forabg">
   <div class="inner"><span class="corners-top"><span></span></span>
      <ul class="topiclist">
         <li class="header">
            <dl class="icon">
               <dd class="dterm"><div class="table-title"><h2>{switch_forum_images.TITLE}</h2></div></dd>
            </dl>
         </li>
      </ul>
      <div class="container-imgs-list" style="max-height: 500px" id="imageList">
         {switch_forum_images.SCRIPTS}
      </div>
   </div>
   <span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_images -->

Merci d'avance et désolée si ce post n'est pas au bon endroit >.< je ne sais pas trop où le mettre

[deedee]

Un petit up pour moi

[Toryudo]

Bonjour !

Quelle structure https://forum.forumactif.com/t171452-structure-et-hierarchie-du-forum avez-vous sélectionné pour l'instant ?

Tel que je l'imagine, il faudrait :
- supprimer la partie <div class="pcf-fastlinks">...</div> de la description des forums
- ajouter cette partie <div class="pcf-fastlinks">...</div> dans le Template index_box avec les variables qui contiennent les sous-forums
- déplacer visuellement ces informations dans le cadre .pcf-wdsc via du CSS

Dès que vous me donnez la structure actuelle, je fais des tests pour tout vérifier !

[deedee]

Bonjour

Merci pour cette réponse. la structure du forum est la suivante :

[Toryudo]

Donc, comme je disais dans mon poste précédent, voilà ce qu'il va falloir faire.
Dans les descriptions des forums, on supprime le div pcf-fastlinks et son contenu, on ne garde que ceci :

Code:

<div style="background-image: url(https://via.placeholder.com/100x100);" class="pcf-mgdsc">
   
</div>
 
<div class="pcf-desc1">
    <texto>Jelly-o pudding wafer oat cake liquorice gummi bears tart chocolate pie. Caramels bonbon apple pie biscuit danish chupa chups cookie sweet roll danish. Sweet cupcake croissant wafer wafer tootsie roll cake cookie. </texto>
</div>

On ajoute la variable {catrow.forumrow.LINKS} dans le Template index_box, c'est grâce à ça qu'on va automatiquement afficher les sous-forums :

Code:

<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="forabg">
  <div class="inner">
    <ul class="topiclist"><li class="header">{catrow.tablehead.L_FORUM}</li></ul>
    <ul class="topiclist forums">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
      <div class="pcf-subforum">
        <div class="pcf-wdsc">{catrow.forumrow.FORUM_DESC}</div>
        <div class="pc-wups">
          <div class="pcf-wsbf"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></div>
          <div class="stardust-subforo-d">
            <div class="stardust-subforo-d1" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll;"></div>
          </div>
          <div class="pcf-wstats">
            <div class="pcf-cont">
              <div class="pcf-topicsf"><b>{catrow.forumrow.TOPICS}</b><span>{L_TOPICS}</span></div>
              <div class="pcf-postsf"><b>{catrow.forumrow.POSTS}</b><span>{L_POSTS}</span></div>
            </div>
            <div class="pcf-lastpostf">
              <div><!-- BEGIN switch_topic_title --><a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><!-- END switch_topic_title -->{catrow.forumrow.USER_LAST_POST}</div>
            </div>
          </div>
          <div class="pcf-desc1">
            <div class="pcf-fastlinks">
              {catrow.forumrow.LINKS}
            </div>
          </div>
        </div>
      </div>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
    </ul>
  </div>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
 
<!-- BEGIN switch_forum_images -->
<div class="forabg">
  <div class="inner"><span class="corners-top"><span></span></span>
    <ul class="topiclist">
      <li class="header">
        <dl class="icon">
          <dd class="dterm"><div class="table-title"><h2>{switch_forum_images.TITLE}</h2></div></dd>
        </dl>
      </li>
    </ul>
    <div class="container-imgs-list" style="max-height: 500px" id="imageList">
      {switch_forum_images.SCRIPTS}
    </div>
  </div><span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_images -->

A partir de là, les sous forums s'affichent, c'est un début. On va maintenant faire en sorte de déplacer le contenu là où il se trouvait avant nos modifications.
On veut pouvoir mettre un position absolute sur le nouvel élément, il va donc falloir ajouter un position relative à .pc-wups et lui retirer son overflow hidden pour préparer le terrain :

Code:

.pc-wups {
  flex-grow: 1;
  width: 290px;
  position: relative;
}

Ensuite, il faut ajouter ce code pour déplacer le nouveau code du Template dans la zone désirée :

Code:

.pc-wups .pcf-desc1 {
  position: absolute;
  bottom: 0;
  right: 316px;
  font-size: 0;
}

Pour ne pas afficher les ", " entre les catégories, on a été obligé de mettre un font-size 0 dans l'élément précédent. Si on ne fait rien, le texte des liens est également affecté par ce font-size 0, on fait donc en sorte de remodifier le font-size des liens :

Code:

.pc-wups .pcf-desc1 a {
  font-size: 8px;
}

Et normalement c'est bon !

[deedee]

Merci ça fonctionne. C'est vraiment gentil.
C'est parfait et exactement ce que je voulais <3


Merci <3