Mouse - Nome de usuários

Heeyyy... Vcs podem passar o code que vcs estão usando??

Quando passamos o mouse em cima de um usuário q seja membro da equipe, surge uma pequena "descrição"

Obrigada

Olá.

Conceda o seguinte caminho:
Visualização > Imagens e cores > cores > CSS

Adicione o seguinte código:

Código:

a[href*="/u"] span[style="color:#FF6600"] strong:hover:after {
    background-color: rgba(255, 66, 0, 0.5);
    border-radius: 2px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Gestão administrativa e técnica do fórum";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -75px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}
a[href*="/u"] span[style="color:#CC66CC"] strong:hover:after {
    background-color: rgba(150, 13, 150, 0.5);
    border-radius: 2px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Suporte gráfico para os usuários";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -60px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}
a[href*="/u"] span[style="color:#7BB92B"] strong:hover:after {
    background-color: rgba(105, 182, 22, 0.5);
    border-radius: 2px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Suporte geral e gestão dos usuários";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -60px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

a[href*="/u"] span[style="color:#C39300"] strong:hover:after {
    background-color: rgba(130, 93, 0, 0.5);
    border-radius: 2px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Suporte no atendimento aos usuários";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -70px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}
a[href*="/u"] span[style="color:#009FB9"] strong:hover:after {
    background-color: rgba(0, 96, 129, 0.5);
    border-radius: 2px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Análises e publicidade de fóruns Forumeiros";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -90px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

Analisando o código:

Textos tais como "Gestão administrativa e técnica do fórum" são as descrições de cada grupo, as cores hexadecimais (como #FFFFFF, por exemplo) serão as cores utilizadas.

Espero ter sido útil.

Atenciosamente.

Não acontece nada... eu sei q tem q ser por ex: a[href="/u2"] ;(

Mas valeew *-*

Saudações,

Analisei o código e descobri, que não deve alterar o "/u".
A senhorita deverá alterar a cor de acordo com a cor do usuario, veja:

Código:

a[href*="/u"] span[style="color:ALTERE AQUI PARA A COR DO MEMBRO"] strong:hover:after {
    background-color: rgba(0, 96, 129, 0.5);
    border-radius: 2px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Análises e publicidade de fóruns Forumeiros";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -90px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

Conseguiu?
Até mais.

Ainda não =/

Consegui por aqui >> https://ajuda.forumeiros.com/t93564-tooltip-nos-grupos-de-usuario

Antes desse código tinha que colocar

Código:

a[href*="/u"] span[style="color:#BFA98E"] strong {
   position:relative;
}

Obrigadaaaaaa ^^