Como adicionar uma moldura de avatar a um grupo de usuários

Adicione diferentes molduras de avatar ao grupo de usuários, todos os usuários podem vê-las, mas as molduras de avatar de diferentes grupos de usuários são diferentes. Tentei personalizar o CSS do usuário e descobri que não pode ser implementado, para que as molduras de avatar adicionadas sejam visíveis apenas para o grupo de usuários atual.

1 curtida

Tentei .staff, mas ele só é visível para o funcionário, não para o grupo de não funcionários.

A maneira mais fácil de fazer isso seria criar um novo grupo personalizado (os grupos padrão como staff/admin/trust_level_0, etc. não podem fazer isso).

Ao criar o grupo, você pode marcar a caixa definir automaticamente como grupo principal:

Então, quando alguém é adicionado ao grupo, ele se torna o “grupo principal” dessa pessoa — a classe do grupo principal é adicionada em vários lugares no aplicativo.

Por exemplo, nas postagens, a classe group-creators é adicionada para um grupo chamado “creators”

image

Agora você pode adicionar um CSS como:

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

e você obterá este resultado que todos podem ver:

1 curtida
.group-creators .post-avatar img {
 Bezel: 2px solid red;
}

O que eu quero é que essa moldura de avatar possa ser vista por todos os usuários, mas apenas o grupo de usuários criadores pode usar essa moldura de avatar, e o efeito que você me deu código é adicionar uma moldura de avatar para todos os usuários, mas apenas o grupo de usuários criadores pode vê-la.
Eu quero o efeito de que todos os usuários possam ver que o grupo de criadores está usando uma moldura de avatar, mas o grupo de não criadores não está usando uma moldura de avatar.

não, esta é uma classe separada que é visível para todos os usuários (desde que o grupo também seja visível)… por exemplo, aqui você pode ver que a classe está presente, mesmo estando deslogado do site

há uma classe separada que é adicionada ao elemento body para membros do grupo, como body.primary-group-creators, essa classe é de fato visível apenas para o usuário atual

2 curtidas

Segui seu código exatamente, não adicionei o usuário A ao grupo de usuários criadores, mas o usuário A ainda usa um quadro de avatar vermelho, de acordo com seu código, parece que você adicionou um quadro de avatar vermelho a todos os usuários, mas apenas o grupo de usuários criadores pode vê-lo, todos os quadros de avatar vermelhos desaparecem depois que eu saio e entro novamente, o que garanto é 100% de uso

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

Tentei desativar o plugin, mas ainda não funciona

Hmm, talvez o CSS precise ser mais específico para evitar adicioná-lo a todas as postagens de membros do grupo:

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

Com esta configuração:

Posso ver a borda apenas nos membros do grupo:

E quando logado como este usuário, ele aparece apenas nas postagens dos membros do grupo:

3 curtidas

Desativei o componente CSS Classes for Current User’s Groups e tudo funcionou como eu queria, obrigado, ótimo Chris.

2 curtidas

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