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

**URL:** <https://meta.discourse.org/t/how-to-add-an-avatar-frame-to-a-user-group/315590>\
**Category:** Development\
**Tags:** css\
**Created:** [9 Julho , 2024 14:01 UTC](https://meta.discourse.org/t/how-to-add-an-avatar-frame-to-a-user-group/315590 "2024-07-09T14:01:33Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [9 Julho , 2024 14:56 UTC](https://meta.discourse.org/t/how-to-add-an-avatar-frame-to-a-user-group/315590/3 "2024-07-09T14:56:11Z")

</div>

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`:

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/2/5/525785b708f785ebc2b7ec86d80c2463b1acd886.png)

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](https://global.discourse-cdn.com/meta/original/4X/d/c/f/dcf234d859ae57eb952e7eab5a1474c29a9f4deb.png)

Agora você pode adicionar um CSS como:

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

```

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

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/3/5/335b4dbfc1a6333521ddd0b9ea9476fd947cc883.png)

---

_[View the full topic](https://meta.discourse.org/t/how-to-add-an-avatar-frame-to-a-user-group/315590)._