Grupo ao passar o cursor do nome de usuário

Detalhes da questão

Endereço do fórum: https://ac-discord.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Ola, preciso de ajuda, Eu gostaria de saber como coloca aquelas animações ao passar o mouse em cima de um usuario com cargo X, e a informação do cargo ser exibida, igual na print a seguir.






.

Saudações,

Veja o seguinte tópico para esclarecer sua dúvida:

https://ajuda.forumeiros.com/t115826-nomes-com-efeito?highlight=efeito+na+cor

Atenciosamente,
Chagas

Não, não me ajudou
eu queria saber basicamente a mesma coisa desse cara: https://ajuda.forumeiros.com/t115714-informacoes-grupos?highlight=grupos

Só que eu fui la e tbm nao consegui

Saudações,

Aqui está o código:

Código:

a[href^="/u"] span[style^="color:#FFA200"]:hover:after {
    background-color: #FFA200;
    content: "Fundador";
    padding: 5px;
    border-radius: 5px;
    height: max-content;
    width: max-content;
    position: absolute;
    margin-top: -28px;
    margin-left: -52px;
    color: #fff!important;
    font-weight: bold;
}

Prestar atenção nos três detalhes que vai implementar:

1. #FFA200 na primeira linha, substitua pela cor do grupo;
2. #FFA200 na segunda linha, substitua pela cor que quiser;
3. content: "Fundador", na terceira linha, substitua pelo texto que quer colocar;

Atenciosamente,
Chagas

Deu certo mano kkk vlw