Comment ajouter un cadre d'avatar à un groupe d'utilisateur

Ajoutez différents cadres d’avatar au groupe d’utilisateurs, tous les utilisateurs peuvent les voir, mais les cadres d’avatar des différents groupes d’utilisateurs sont différents. J’ai essayé de personnaliser le CSS de l’utilisateur et j’ai constaté que cela ne pouvait pas être implémenté, de sorte que les cadres d’avatar ajoutés ne sont visibles que par le groupe d’utilisateurs actuel.

1 « J'aime »

J’ai essayé .staff mais il n’est visible que par l’employé, pas par le groupe non-employé.

La façon la plus simple de faire cela serait de créer un nouveau groupe personnalisé (les groupes par défaut comme staff/admin/trust_level_0, etc. ne peuvent pas le faire).

Lorsque vous créez le groupe, vous pouvez cocher la case définir automatiquement comme groupe principal :

Ensuite, lorsqu’une personne est ajoutée au groupe, cela devient son « groupe principal » — la classe du groupe principal est ajoutée à divers endroits de l’application.

Par exemple, sur les publications, la classe group-creators est ajoutée pour un groupe nommé « creators »

image

Vous pouvez maintenant ajouter du CSS comme :

.group-creators .post-avatar img {
 border: 2px solid red;
}

et vous obtiendrez ce résultat que tout le monde peut voir :

1 « J'aime »
.group-creators .post-avatar img {
 Bezel: 2px solid red;
}

Ce que je veux, c’est que ce cadre d’avatar soit visible par tous les utilisateurs, mais que seul le groupe d’utilisateurs créateurs puisse porter ce cadre d’avatar, et l’effet que vous m’avez donné avec le code consiste à ajouter un cadre d’avatar pour tous les utilisateurs, mais seul le groupe d’utilisateurs créateurs peut le voir.
Je veux l’effet que tous les utilisateurs puissent voir que le groupe de créateurs porte un cadre d’avatar, mais que le groupe de non-créateurs ne porte pas de cadre d’avatar.

non, il s’agit d’une classe distincte qui est visible par tous les utilisateurs (tant que le groupe est également visible)… par exemple, vous pouvez voir ici que la classe est présente même si vous n’êtes pas connecté au site

il y a une classe distincte qui est ajoutée à l’élément body pour les membres du groupe comme body.primary-group-creators, cette classe n’est en effet visible que par l’utilisateur actuel

2 « J'aime »

J’ai suivi votre code à la lettre, je n’ai pas ajouté l’utilisateur A au groupe d’utilisateurs des créateurs, mais l’utilisateur A porte toujours un cadre d’avatar rouge. D’après votre code, il semble que vous ayez ajouté un cadre d’avatar rouge à tous les utilisateurs, mais seul le groupe d’utilisateurs des créateurs peut le voir. Tous les cadres d’avatar rouges disparaissent après que je me sois déconnecté et reconnecté. Ce que je garantis, c’est l’utilisation à 100% de :

.group-creators .post-avatar img {
 border: 2px solid red;
}

J’ai essayé de désactiver le plugin, mais cela ne fonctionne toujours pas.

Hmm, peut-être que le CSS doit être plus spécifique pour éviter de l’ajouter à tous les messages des membres du groupe :

.topic-post.group-creators .post-avatar img {
  border: 2px solid red;
}

Avec cette configuration :

Je ne vois la bordure que sur les membres du groupe :

Et lorsque je me connecte en tant que cet utilisateur, elle n’apparaît que sur les messages des membres du groupe :

3 « J'aime »

J’ai désactivé le composant CSS Classes for Current User’s Groups et tout a fonctionné comme je le souhaitais, merci beaucoup Chris.

2 « J'aime »

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.