Movimento do mouse no nick (mensagem)

Detalhes da questão

Endereço do fórum: http://srdteam.forumeiros.com
Versão do fórum: phpBB3

Descrição

Olá,

Eu gostaria de colocar esse efeito em meu fórum.

Quando passa o mouse por cima do nome de usuário.

https://uploaddeimagens.com.br/images/001/690/767/original/Sem_T%C3%ADtulo.png?1540569655

Olá @Steve_.,
Leia este tópico: Questão resolvida.
Qualquer dúvida relate aqui!


Cordialmente,
pedxz.

Não estou conseguindo.

Eu quero que cada grupo tenha uma mensagem específica e não por usuário.

Quero por exemplo passar o mouse em pessoas de um grupo por exemplo membro e aparecer (Membro do Fórum)

Mude para:

Código:

a[href^="/u"]  span[style*="COLOR"]:hover::before {
    background-color: rgba(0, 0, 0, 0.86);
    content: "Gerente do Servidor e fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #00FF00;
}

Onde está COLOR, ponha a cor do grupo.

O fundo ta ficando preto.

Tem como colocar as letras em branco e o fundo da cor do grupo?

Olá!

Troque o código por este:

Código:

a[href^="/u"]  span[style*="#COLOR"]:hover::before {
    background-color: #COLOR;
    content: "Gerente do Servidor e fórum";
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    margin-top: -20px;
    margin-left: -57px;
    padding: 4px;
    color: #ffffff;
   opacity:0.86;
}

Procure por COLOR e substitua pelos dígitos hexadecimais da cor.

Até mais.

Consegui Obrigado.