Liens vers les sous-forum
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Liens vers les sous-forum
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>
- 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
Re: Liens vers les sous-forum
Un petit up pour moi
Re: Liens vers les sous-forum
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 !
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 !
Re: Liens vers les sous-forum
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 :
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 :
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 :
Ensuite, il faut ajouter ce code pour déplacer le nouveau code du Template dans la zone désirée :
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 :
Et normalement c'est bon !
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 !
Re: Liens vers les sous-forum
Merci ça fonctionne. C'est vraiment gentil.
C'est parfait et exactement ce que je voulais <3
Merci <3
C'est parfait et exactement ce que je voulais <3
Merci <3
Sujets similaires
» Liens vers sous forum
» Changer couleur des liens vers les sous-forums
» Liens vers les sous-forums inexistants
» Faire qu'un lien de sous-forums redirigent vers un sujet et pas ce sous-forum
» Changer la couleur des liens vers les sous forums lors d'un nouveau message
» Changer couleur des liens vers les sous-forums
» Liens vers les sous-forums inexistants
» Faire qu'un lien de sous-forums redirigent vers un sujet et pas ce sous-forum
» Changer la couleur des liens vers les sous forums lors d'un nouveau message
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum