[AWESOMEBB] Modifier la mise en page de la liste des articles de blog

4 participants

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

  • 0

Résolu [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par chattigre Sam 11 Avr 2020 - 17:08

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs


Description du problème

Bonjour,
Je souhaite utiliser la mise en forme "Blog" sous AwesomeBB essentiellement pour l'aspect "commentaires" des réponses, sauf que la manière dont sont présentés les différents sujets d'un blog ne me convient absolument pas... (Template topics_blog_box ?).
Je souhaiterais avoir une mise en page de la liste identique aux sous-forums classiques (topics_list_box).
Alors j'ai essayé de coller le contenu du Template "souhaité" à la place du contenu d'origine du Template topics_blog_box ... bêtement Very Happy
Mais bien sûr, ça ne marche pas...
Comment faire ?
Merci d'avance.


Dernière édition par chattigre le Dim 31 Mai 2020 - 17:41, édité 1 fois (Raison : Résolution)
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3584
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par chattigre Jeu 16 Avr 2020 - 19:47

UP !


chattigre
Aidactif

Pour une aide efficace...
Right Mettez un titre explicite
Right Communiquez vos personnalisations
Right Rendez le forum et votre problème directement visible

Right Si votre problème est résolu, éditez votre premier message et cochez l'icône résolu
Right Consultez la liste des Questions et réponses fréquentes avant d'ouvrir un sujet si nécessaire
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3584
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par chattigre Lun 20 Avr 2020 - 19:56

UP !


chattigre
Aidactif

Pour une aide efficace...
Right Mettez un titre explicite
Right Communiquez vos personnalisations
Right Rendez le forum et votre problème directement visible

Right Si votre problème est résolu, éditez votre premier message et cochez l'icône résolu
Right Consultez la liste des Questions et réponses fréquentes avant d'ouvrir un sujet si nécessaire
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3584
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par Chacha Dim 26 Avr 2020 - 10:17

[AWESOMEBB] Modifier la mise en page de la liste des articles de blog UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par chattigre Dim 26 Avr 2020 - 13:39

UP !


chattigre
Aidactif

Pour une aide efficace...
Right Mettez un titre explicite
Right Communiquez vos personnalisations
Right Rendez le forum et votre problème directement visible

Right Si votre problème est résolu, éditez votre premier message et cochez l'icône résolu
Right Consultez la liste des Questions et réponses fréquentes avant d'ouvrir un sujet si nécessaire
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3584
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par chattigre Mer 29 Avr 2020 - 21:16

UP !


chattigre
Aidactif

Pour une aide efficace...
Right Mettez un titre explicite
Right Communiquez vos personnalisations
Right Rendez le forum et votre problème directement visible

Right Si votre problème est résolu, éditez votre premier message et cochez l'icône résolu
Right Consultez la liste des Questions et réponses fréquentes avant d'ouvrir un sujet si nécessaire
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3584
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par chattigre Dim 3 Mai 2020 - 18:41

UP !


chattigre
Aidactif

Pour une aide efficace...
Right Mettez un titre explicite
Right Communiquez vos personnalisations
Right Rendez le forum et votre problème directement visible

Right Si votre problème est résolu, éditez votre premier message et cochez l'icône résolu
Right Consultez la liste des Questions et réponses fréquentes avant d'ouvrir un sujet si nécessaire
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3584
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par Chacha Sam 9 Mai 2020 - 9:54

[AWESOMEBB] Modifier la mise en page de la liste des articles de blog UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par mSyx Sam 9 Mai 2020 - 12:47

Oy,
Je pense pas que ce soit possible :/

Dans viewtopic_body, tu peux vraiment personnaliser l'affichage d'un message avec les variables qui sont présentes dans le template;
Dans topics_blog_box, chaque réponse à un sujet dans une section Blog est affichée avec une seule variable ({topics_blog_box.row.REPLIES}) et rien d'autre

On aurait concrètement pu reconstruire le sujet en JS, mais ça aurait fait un code très lourd; d'autant plus que les informations du membre dans sa réponse à un sujet-blog sont limitées à l'avatar et au pseudo; pas d'affichage des champs de profil ni des champs de contact. Là aussi, on pourrait récupérer ces informations en JS sur le profil de chaque membre mais.. trop lourd encore une fois et beaucoup de travail pour pas grand chose. Mad
mSyx

mSyx
****

Masculin
Messages : 394
Inscrit(e) le : 22/09/2012

https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par chattigre Sam 9 Mai 2020 - 15:33

(UP)
Bonjour et merci pour ton aide Wink
Pour être sûr qu'on est bien sur la même longueur d'onde, je souhaite avoir sur certains sous forums les réponses aux sujets en commentaires, mais je souhaite garder une liste de sujets "classique", en gros je souhaite simplement faire disparaitre les infos de profil des membres sur les réponses aux sujets de certains sous-forums.
Merci en tout cas !


chattigre
Aidactif

Pour une aide efficace...
Right Mettez un titre explicite
Right Communiquez vos personnalisations
Right Rendez le forum et votre problème directement visible

Right Si votre problème est résolu, éditez votre premier message et cochez l'icône résolu
Right Consultez la liste des Questions et réponses fréquentes avant d'ouvrir un sujet si nécessaire
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3584
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par mSyx Sam 9 Mai 2020 - 17:28

Oy,
Je suis pas vraiment sûr de bien comprendre; on va réessayer :p
Tu souhaiterais avoir le même affichage sur les sujets que sur les blogs (pour les réponses/commentaires) ? (tout en faisant disparaître les infos de profil des membres ?)
mSyx

mSyx
****

Masculin
Messages : 394
Inscrit(e) le : 22/09/2012

https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par chattigre Lun 11 Mai 2020 - 12:15

Bon... désolé Razz
Prenons les choses au fur et à mesure Wink
Je parlerais ici de "liste des sujets" comme étant la liste des sujets d'un sous-forum ...
De "sujet classique" comme un sujet de sous-forum...
De réponse pour un message classique avec profil et tout et tout...
de commentaire pour un message comme il sont présentés dans les sujets d'un blog : sans profil.

Je souhaite donc avoir, sur certains sous-forums spécifiés, des sujets avec des commentaires MAIS que la liste des sujets de ce sous-forum soit comme un sous-forum classique, et pas comme un blog avec un aperçu des premiers messages des sujets.

Il me semble que l'on a donc plusieurs options (réalisables ou pas, j'en sais rien je te laisse me le dire...)
- Un code qui transforme les réponses aux sujets de certains sous-forums pour supprimer le profil à partir du 2e message (ne laisser le profil que sur le 1er) et, dans l'idéal, réduire un peu le titre du message (RE : Titre du sujet en général)
- Un code qui transforme la liste des sujets des blogs pour afficher une liste des sujets qui corresponde à un sous-forum classique.

Voilà Very Happy

Merci encore ! ::fleur:: ::pourtoi::


chattigre
Aidactif

Pour une aide efficace...
Right Mettez un titre explicite
Right Communiquez vos personnalisations
Right Rendez le forum et votre problème directement visible

Right Si votre problème est résolu, éditez votre premier message et cochez l'icône résolu
Right Consultez la liste des Questions et réponses fréquentes avant d'ouvrir un sujet si nécessaire
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3584
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par Chacha Dim 17 Mai 2020 - 10:14

[AWESOMEBB] Modifier la mise en page de la liste des articles de blog UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par chattigre Dim 17 Mai 2020 - 11:46

UP !


chattigre
Aidactif

Pour une aide efficace...
Right Mettez un titre explicite
Right Communiquez vos personnalisations
Right Rendez le forum et votre problème directement visible

Right Si votre problème est résolu, éditez votre premier message et cochez l'icône résolu
Right Consultez la liste des Questions et réponses fréquentes avant d'ouvrir un sujet si nécessaire
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3584
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par Chacha Sam 23 Mai 2020 - 9:58

[AWESOMEBB] Modifier la mise en page de la liste des articles de blog UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par chattigre Sam 23 Mai 2020 - 21:04

UP !


chattigre
Aidactif

Pour une aide efficace...
Right Mettez un titre explicite
Right Communiquez vos personnalisations
Right Rendez le forum et votre problème directement visible

Right Si votre problème est résolu, éditez votre premier message et cochez l'icône résolu
Right Consultez la liste des Questions et réponses fréquentes avant d'ouvrir un sujet si nécessaire
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3584
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par mSyx Dim 24 Mai 2020 - 9:18

Hello o/
Alors... C'était difficile, casse-tête et ça m'a vraiment pris toute la nuit mais j'ai réussi.

Il y aura quelques explications à suivre et des modifications à faire que j'expliquerai après les codes; j'ai fait en sorte de simplifier le tout au maximum pour que ce soit facile à modifier soi-même. :b


Remplacer l'intégralité du template viewtopic_body par:

» Mon message étant trop long pour le forum, je t'ai collé le template sur un site externe (pastebin.com) « clique sur ce texte à la couleur moche pour y aller :>

Ajouter le code suivant dans le CSS du forum:
Code:
/* - - - CSS: Affichage style-blog pour les sujets de catégories spécifiques (mSyx) - - - - */

/* Code pour 1 sous-forum */
main#topic[forumname="NOMDUFORUM"] .post--each.post--notfirstpage .post--normal,
main#topic[forumname="NOMDUFORUM"] .blog--post .post--each:not(:first-child):not(.post--notfirstpage) .post--normal,
main#topic[forumname="NOMDUFORUM"] .blog--post .post--each:first-child:not(.post--notfirstpage) .blog--template {
    display: none !important;
    width: 0;
    position: absolute;
    top: -1500px;
    opacity: 0;
    visibility: hidden;
}

main#topic[forumname="NOMDUFORUM"] .blog--template {display: unset !important;}
/* FIN - - - Code pour 1 sous-forum*/


/* Code général: à ne pas toucher */
.blog--template {
    display: none;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

Pour les sous-forums spécifiques

Comme dit, j'ai pu simplifier le code au maximum pour que tu puisses assez facilement ajouter, dans le CSS, les sous-forums qui doivent être concernés par cette mise en page; ce que tu ne spécifieras pas dans ton CSS ne seront pas affectés ^^

Tu l'auras donc vu; dans le CSS, il y a cette partie-là:
Code:
/* Code pour 1 sous-forum */
main#topic[forumname="NOMDUFORUM"] .post--each.post--notfirstpage .post--normal,
main#topic[forumname="NOMDUFORUM"] .blog--post .post--each:not(:first-child):not(.post--notfirstpage) .post--normal,
main#topic[forumname="NOMDUFORUM"] .blog--post .post--each:first-child:not(.post--notfirstpage) .blog--template {
    display: none !important;
    width: 0;
    position: absolute;
    top: -1500px;
    opacity: 0;
    visibility: hidden;
}

main#topic[forumname="NOMDUFORUM"] .blog--template {display: unset !important;}
/* FIN - - - Code pour 1 sous-forum*/

Si 1 seul sous-forum est concerné: Il faudra remplacer chaque NOMDUFORUM par le nom du sous-forum concerné. Si celui-ci se nomme Annonces du forum, ça ressemblera du coup à ça:
Code:
/* Code pour 1 sous-forum */
main#topic[forumname="Annonces du forum"] .post--each.post--notfirstpage .post--normal,
main#topic[forumname="Annonces du forum"] .blog--post .post--each:not(:first-child):not(.post--notfirstpage) .post--normal,
main#topic[forumname="Annonces du forum"] .blog--post .post--each:first-child:not(.post--notfirstpage) .blog--template {
    display: none !important;
    width: 0;
    position: absolute;
    top: -1500px;
    opacity: 0;
    visibility: hidden;
}

main#topic[forumname="Annonces du forum"] .blog--template {display: unset !important;}
/* FIN - - - Code pour 1 sous-forum*/

Si plusieurs sous-forums sont concernés: Il faudra répéter le bout de code donné pour chaque sous-forum concerné, en modifiant le "NOMDUFORUM" à chaque fois. Si je veux appliquer cette mise en page à 3 sous-forums qui se nomment Annonces du forum, Mises à jour et Journal perso (ne me juge pas pour ces noms stp, j'ai plus de cerveau), ça donnera ça:

Code:
/* Code pour 1 sous-forum */
main#topic[forumname="Annonces du forum"] .post--each.post--notfirstpage .post--normal,
main#topic[forumname="Annonces du forum"] .blog--post .post--each:not(:first-child):not(.post--notfirstpage) .post--normal,
main#topic[forumname="Annonces du forum"] .blog--post .post--each:first-child:not(.post--notfirstpage) .blog--template {
    display: none !important;
    width: 0;
    position: absolute;
    top: -1500px;
    opacity: 0;
    visibility: hidden;
}

main#topic[forumname="Annonces du forum"] .blog--template {display: unset !important;}
/* FIN - - - Code pour 1 sous-forum*/


/* Code pour 1 sous-forum */
main#topic[forumname="Mises à jour"] .post--each.post--notfirstpage .post--normal,
main#topic[forumname="Mises à jour"] .blog--post .post--each:not(:first-child):not(.post--notfirstpage) .post--normal,
main#topic[forumname="Mises à jour"] .blog--post .post--each:first-child:not(.post--notfirstpage) .blog--template {
    display: none !important;
    width: 0;
    position: absolute;
    top: -1500px;
    opacity: 0;
    visibility: hidden;
}

main#topic[forumname="Mises à jour"] .blog--template {display: unset !important;}
/* FIN - - - Code pour 1 sous-forum*/


/* Code pour 1 sous-forum */
main#topic[forumname="Journal perso"] .post--each.post--notfirstpage .post--normal,
main#topic[forumname="Journal perso"] .blog--post .post--each:not(:first-child):not(.post--notfirstpage) .post--normal,
main#topic[forumname="Journal perso"] .blog--post .post--each:first-child:not(.post--notfirstpage) .blog--template {
    display: none !important;
    width: 0;
    position: absolute;
    top: -1500px;
    opacity: 0;
    visibility: hidden;
}

main#topic[forumname="Journal perso"] .blog--template {display: unset !important;}
/* FIN - - - Code pour 1 sous-forum*/

Je t'ai mis les commentaires (= textes ignorés/non pris en compte) suivants:
/* Code pour 1 sous-forum */
/* FIN - - - Code pour 1 sous-forum*/
- dans le CSS pour te permettre de te repérer plus facilement et ne pas mélanger chaque code; sait-on jamais, ça peut faciliter la lisibilité si les sous-forums concernés sont nombreux :b


Tu me diras si tout fonctionne. Je m'en vais prendre deux dolipranes (placement de produit) et je vais dodo. shakng2
mSyx

mSyx
****

Masculin
Messages : 394
Inscrit(e) le : 22/09/2012

https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par chattigre Dim 24 Mai 2020 - 17:35

En un mot : PAR-FAIT ! Very Happy Very Happy Very Happy

Par contre il y a quelque chose dans ton code qui se répercute sur mon JS me permettant de modifier l'apparence des messages selon le rang (type bande rouge pour les AdminActifs, verte pour les ModerActifs...)
Ah bah je me réponds moi même : Ton code fait que les sujets concernés ne sont plus considés comme sujets par l'administration des JS... donc j'ai appliqué je JS en question sur toutes les pages  et ça marche de nouveau !!!

Euh, il me semble que pour plusieurs forums il suffit de modifier les classes sur lequel agit le css (lignes 2 à 4) pour les dupliquer à loisir pour ajouter des forums avec 3 lignes de plus et pas 14 lignes de plus Wink
Dis-moi si je me trompe Wink
EDIT : Est-ce que ça marcherait aussi avec l'id des forums au lieu du nom ?

Enfin, c'est tellement sympa que je réfléchis à l'appliquer partout...
Y aurait-il un moyen simple pour ce faire ?
Si il faut tout refaire, laisse tomber immédiatement, je reviendrai si nous choisissons cette option, mais ce n'est pas à l'ordre du jour pour le moment Wink

Merci 1000 fois !!! ::pourtoi:: ::moitimide:: Bizz ::fete:: merci 
Ce sujet pourrait être placé en  Astuce !
Parce que au niveau trucs qui prennent de la place (trop Very Happy ), on a de quoi faire sous AwesomeBB !!! Razz
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3584
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par mSyx Dim 24 Mai 2020 - 20:58

Re o/

Ton code fait que les sujets concernés ne sont plus considés comme sujets par l'administration des JS... donc j'ai appliqué je JS en question sur toutes les pages  et ça marche de nouveau !!!

Ça m'étonne quand même  Shocked

Euh, il me semble que pour plusieurs forums il suffit de modifier les classes sur lequel agit le css (lignes 2 à 4) pour les dupliquer à loisir pour ajouter des forums avec 3 lignes de plus et pas 14 lignes de plus Wink
Dis-moi si je me trompe Wink

J'ai fait en sorte de rendre le processus le plus accessible par peur que ça puisse paraître compliqué; mais tu ne te trompes pas (si j'ai bien compris :b). Pour reprendre l'exemple des 3 sous-forums, ça pourrait donner ce CSS:
Code:
main#topic[forumname="Annonces du forum"] .post--each.post--notfirstpage .post--normal,
main#topic[forumname="Annonces du forum"] .blog--post .post--each:not(:first-child):not(.post--notfirstpage) .post--normal,
main#topic[forumname="Annonces du forum"] .blog--post .post--each:first-child:not(.post--notfirstpage) .blog--template,
main#topic[forumname="Mises à jour"] .post--each.post--notfirstpage .post--normal,
main#topic[forumname="Mises à jour"] .blog--post .post--each:not(:first-child):not(.post--notfirstpage) .post--normal,
main#topic[forumname="Mises à jour"] .blog--post .post--each:first-child:not(.post--notfirstpage) .blog--template,
main#topic[forumname="Journal perso"] .post--each.post--notfirstpage .post--normal,
main#topic[forumname="Journal perso"] .blog--post .post--each:not(:first-child):not(.post--notfirstpage) .post--normal,
main#topic[forumname="Journal perso"] .blog--post .post--each:first-child:not(.post--notfirstpage) .blog--template{
    display: none !important;
    width: 0;
    position: absolute;
    top: -1500px;
    opacity: 0;
    visibility: hidden;
}
 
main#topic[forumname="Annonces du forum"] .blog--template,
main#topic[forumname="Mises à jour"] .blog--template,
main#topic[forumname="Journal perso"] .blog--template  {display: unset !important;}

EDIT : Est-ce que ça marcherait aussi avec l'id des forums au lieu du nom ?

Avec les codes actuels, ça ne marcherait pas. Le truc c'est que je ne pense pas qu'il y ait une variable FA qui puisse récupérer l'ID d'un sous-forum, donc il aurait fallu faire un JS qui récupérerait la partie du lien du sous-forum qui contient l'id (ex.: "/f4-"). C'est faisable, mais il m'aurait fallu faire des recherches, ne sachant honnêtement pas comment faire :b

Enfin, c'est tellement sympa que je réfléchis à l'appliquer partout...
Y aurait-il un moyen simple pour ce faire ?
Si il faut tout refaire, laisse tomber immédiatement, je reviendrai si nous choisissons cette option, mais ce n'est pas à l'ordre du jour pour le moment Wink

Ça me prendrait pratiquement rien (en terme de temps) pour modifier ça de sorte à l'appliquer partout; si tu veux voir cette mise en page appliquée dans tous les sous-forums, je peux te faire ça ^^

Merci 1000 fois !!! ::pourtoi:: ::moitimide:: Bizz ::fete:: merci 
Ce sujet pourrait être placé en  Astuce !
Parce que au niveau trucs qui prennent de la place (trop Very Happy ), on a de quoi faire sous AwesomeBB !!! Razz

Au plaisir !
Je vais voir pour peut-être adapter ça en astuce, ça pourrait effectivement aider d'autres personnes Smile
mSyx

mSyx
****

Masculin
Messages : 394
Inscrit(e) le : 22/09/2012

https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par Neptunia Dim 24 Mai 2020 - 21:19

Bonsoir ^^

mSyx a écrit:Le truc c'est que je ne pense pas qu'il y ait une variable FA qui puisse récupérer l'ID d'un sous-forum


Il y a en fait deux variables héritées de phpBB, non utilisées chez Forumactif mais toujours fonctionnelles.

{TOPIC_ID} renverra l'identifiant du sujet, ici 402802
{FORUM_ID} donne l'identifiant du sous-fofo, ici 74

Ces deux variables fonctionnent dans #viewtopic_body mais il y a de bonnes chances qu'elles soientt aussi disponibles dans d'autres templates, à vérifier par exemple avec ce genre de script placé à la toute fin d'un template.

Code:
<script type="text/javascript">
$(function()  {
    $( "body" ).attr("id", "body_t"+{TOPIC_ID});
    $( "a" ).addClass("a_t"+{TOPIC_ID}+" a_f"+{FORUM_ID});
});
</script>

-> Ajoute l'id body_t1 au body si nous sommes sur le premier sujet du forum
-> Ajoute les class a_t1 et a_f3 à tous les liens si nous sommes sur le premier sujet du forum, lui-même placé dans le troisième sous-forum (/f3-)


Dernière édition par Neptunia le Dim 24 Mai 2020 - 21:35, édité 1 fois
Neptunia

Neptunia
Membre actif

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

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par mSyx Dim 24 Mai 2020 - 21:27

Neptunia a écrit:Il y a en fait deux variables héritées de phpBB, non utilisées chez Forumactif mais toujours fonctionnelles.

{TOPIC_ID} renverra l'identifiant du sujet, ici 402802
{FORUM_ID} donne l'identifiant du sous-fofo, ici 74

[AWESOMEBB] Modifier la mise en page de la liste des articles de blog Giphy-5

Tu me sauves des probables heures de recherches. Grand merci à toi ! I love you
mSyx

mSyx
****

Masculin
Messages : 394
Inscrit(e) le : 22/09/2012

https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par Neptunia Dim 24 Mai 2020 - 21:40

Sinon, si t'es obligé de décortiquer l'url de la page, ce sujet t'épargnera d'autres heures de recherches.

résolu Personnaliser le curseur sur un ou plusieurs sujets

Le lien mène directement au début de cette approche.
Neptunia

Neptunia
Membre actif

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

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par mSyx Dim 24 Mai 2020 - 22:25

Neptunia a écrit:Sinon, si t'es obligé de décortiquer l'url de la page, ce sujet t'épargnera d'autres heures de recherches.

résolu Personnaliser le curseur sur un ou plusieurs sujets

Le lien mène directement au début de cette approche.

Deux solutions à deux problèmes. Merci Neptunia ! ::pourtoi::
mSyx

mSyx
****

Masculin
Messages : 394
Inscrit(e) le : 22/09/2012

https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par chattigre Lun 25 Mai 2020 - 18:57

mSyx a écrit:Re o/

Ton code fait que les sujets concernés ne sont plus considés comme sujets par l'administration des JS... donc j'ai appliqué je JS en question sur toutes les pages  et ça marche de nouveau !!!

Ça m'étonne quand même  Shocked  :editer: Je confirme Wink 

Euh, il me semble que pour plusieurs forums il suffit de modifier les classes sur lequel agit le css (lignes 2 à 4) pour les dupliquer à loisir pour ajouter des forums avec 3 lignes de plus et pas 14 lignes de plus Wink
Dis-moi si je me trompe Wink

J'ai fait en sorte de rendre le processus le plus accessible par peur que ça puisse paraître compliqué; mais tu ne te trompes pas (si j'ai bien compris :b). Pour reprendre l'exemple des 3 sous-forums, ça pourrait donner ce CSS:
Code:
main#topic[forumname="Annonces du forum"] .post--each.post--notfirstpage .post--normal,
main#topic[forumname="Annonces du forum"] .blog--post .post--each:not(:first-child):not(.post--notfirstpage) .post--normal,
main#topic[forumname="Annonces du forum"] .blog--post .post--each:first-child:not(.post--notfirstpage) .blog--template,
main#topic[forumname="Mises à jour"] .post--each.post--notfirstpage .post--normal,
main#topic[forumname="Mises à jour"] .blog--post .post--each:not(:first-child):not(.post--notfirstpage) .post--normal,
main#topic[forumname="Mises à jour"] .blog--post .post--each:first-child:not(.post--notfirstpage) .blog--template,
main#topic[forumname="Journal perso"] .post--each.post--notfirstpage .post--normal,
main#topic[forumname="Journal perso"] .blog--post .post--each:not(:first-child):not(.post--notfirstpage) .post--normal,
main#topic[forumname="Journal perso"] .blog--post .post--each:first-child:not(.post--notfirstpage) .blog--template{
    display: none !important;
    width: 0;
    position: absolute;
    top: -1500px;
    opacity: 0;
    visibility: hidden;
}
 
main#topic[forumname="Annonces du forum"] .blog--template,
main#topic[forumname="Mises à jour"] .blog--template,
main#topic[forumname="Journal perso"] .blog--template  {display: unset !important;}
:editer: On s'est compris Wink
EDIT : Est-ce que ça marcherait aussi avec l'id des forums au lieu du nom ?

Avec les codes actuels, ça ne marcherait pas. Le truc c'est que je ne pense pas qu'il y ait une variable FA qui puisse récupérer l'ID d'un sous-forum, donc il aurait fallu faire un JS qui récupérerait la partie du lien du sous-forum qui contient l'id (ex.: "/f4-"). C'est faisable, mais il m'aurait fallu faire des recherches, ne sachant honnêtement pas comment faire :b

Enfin, c'est tellement sympa que je réfléchis à l'appliquer partout...
Y aurait-il un moyen simple pour ce faire ?
Si il faut tout refaire, laisse tomber immédiatement, je reviendrai si nous choisissons cette option, mais ce n'est pas à l'ordre du jour pour le moment Wink

Ça me prendrait pratiquement rien (en terme de temps) pour modifier ça de sorte à l'appliquer partout; si tu veux voir cette mise en page appliquée dans tous les sous-forums, je peux te faire ça ^^
:editer: Right Bon bah je veux bien alors Wink
Et est-ce que tu pourrais "inverser le processus" ? (Tous les forums SAUF ceux indiqués ?)
Si ça prend du temps, laisse tomber Wink Left
Merci 1000 fois !!! ::pourtoi:: ::moitimide:: Bizz ::fete:: merci 
Ce sujet pourrait être placé en  Astuce !
Parce que au niveau trucs qui prennent de la place (trop Very Happy ), on a de quoi faire sous AwesomeBB !!! Razz

Au plaisir !
Je vais voir pour peut-être adapter ça en astuce, ça pourrait effectivement aider d'autres personnes Smile
:editer: Ok Wink Very Happy
Réponses dans la citation Very Happy

Merci 1000000 fois Razz
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3584
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par mSyx Jeu 28 Mai 2020 - 15:06

Re o/
Désolé pour l'attente, j'ai dû faire mon retour dans ma structure;

Et est-ce que tu pourrais "inverser le processus" ? (Tous les forums SAUF ceux indiqués ?)
Si ça prend du temps, laisse tomber

Il y a juste à remanier un peu le CSS, ça m'a donc pas pris trop de temps :b
Code:
/* - - - CSS: Affichage style-blog pour les sujets de catégories spécifiques (mSyx) - - - - */
 
/* Code de base */
main#topic .post--each.post--notfirstpage .post--normal,
.blog--post .post--each:not(:first-child):not(.post--notfirstpage) .post--normal,
.blog--post .post--each:first-child:not(.post--notfirstpage) .blog--template {
    display: none !important;
}
 
.blog--template {display: unset !important;}
/* FIN - - - Code de base*/

/* Forum(s) à exclure */
main#topic[forumname="NOMDUFORUM"] .post--each .blog--template  {
    display: none !important; }
main#topic[forumname="NOMDUFORUM"] .post--each div.post--normal {
    display: unset !important; }
/* FIN - - - Forum(s) à exclure */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
mSyx

mSyx
****

Masculin
Messages : 394
Inscrit(e) le : 22/09/2012

https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par Chacha Dim 31 Mai 2020 - 9:58

[AWESOMEBB] Modifier la mise en page de la liste des articles de blog UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [AWESOMEBB] Modifier la mise en page de la liste des articles de blog

Message par chattigre Dim 31 Mai 2020 - 17:40

Merci pour tout ! ::pourtoi::
C'est génial !
A bientôt ! Very Happy


chattigre
Aidactif

Pour une aide efficace...
Right Mettez un titre explicite
Right Communiquez vos personnalisations
Right Rendez le forum et votre problème directement visible

Right Si votre problème est résolu, éditez votre premier message et cochez l'icône résolu
Right Consultez la liste des Questions et réponses fréquentes avant d'ouvrir un sujet si nécessaire
chattigre

chattigre
Aidactif
Aidactif

Masculin
Messages : 3584
Inscrit(e) le : 17/04/2019

https://test1-chattigre.forumactif.fr
chattigre 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