Liens vers les sous-forum

2 participants

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

Résolu Liens vers les sous-forum

Message par deedee Mer 6 Mar 2024 - 21:51

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


Dernière édition par deedee le Mar 12 Mar 2024 - 22:12, édité 1 fois
deedee

deedee
Nouveau membre

Messages : 26
Inscrit(e) le : 14/07/2021

https://dawn-of-hope.forumgaming.fr/
deedee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens vers les sous-forum

Message par deedee Lun 11 Mar 2024 - 5:21

Un petit up pour moi Sad
deedee

deedee
Nouveau membre

Messages : 26
Inscrit(e) le : 14/07/2021

https://dawn-of-hope.forumgaming.fr/
deedee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens vers les sous-forum

Message par Toryudo Mar 12 Mar 2024 - 13:21

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

Toryudo
Aidactif
Aidactif

Masculin
Messages : 1392
Inscrit(e) le : 31/03/2020

https://deus-academia.forumactif.com/
Toryudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens vers les sous-forum

Message par deedee Mar 12 Mar 2024 - 14:17

Bonjour Smile

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

Liens vers les sous-forum Screen14
deedee

deedee
Nouveau membre

Messages : 26
Inscrit(e) le : 14/07/2021

https://dawn-of-hope.forumgaming.fr/
deedee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens vers les sous-forum

Message par Toryudo Mar 12 Mar 2024 - 21:32

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

Toryudo
Aidactif
Aidactif

Masculin
Messages : 1392
Inscrit(e) le : 31/03/2020

https://deus-academia.forumactif.com/
Toryudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens vers les sous-forum

Message par deedee Mar 12 Mar 2024 - 22:10

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


Merci <3

deedee

deedee
Nouveau membre

Messages : 26
Inscrit(e) le : 14/07/2021

https://dawn-of-hope.forumgaming.fr/
deedee a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum