Balão informativo

Detalhes da questão

Endereço do fórum: http://evolutiondesign.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Olá !

Estou com dificuldades para achar o tópico que pode me ajudar. 

Eu quero criar estes balões informativos ao passar o mouse sobre o Membro. 

boa noite iMont!
veja os seguinte tópicos!
 www.ajuda.forumeiros.com/t100396-
 www.ajuda.forumeiros.com/t32785-
espero ter ajudado, até mais!

Olá!

Caso deseje aplicar a todos os membros de grupo de uma vez só, utilize este código:

Código:

a[href*="/u"] span[style="color:COR-DO-GRUPO"] 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;
}

Não se esqueça de substituir COR-DO-GRUPO pela cor do grupo que deseja que apareça o efeito.

Cumprimentos.
Fraise

Olá !

Não estou obtendo resultado, Fraise.

Código:

a[href*="/u"] span[style="color:#64A831] strong:hover:after {
    background-color: rgba(130, 93, 0, 0.5);
    border-radius: 2px;
    bottom: 15px;
    color: #64A831;
    content: "teste";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -70px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

Olá!

Tente assim:

Código:

a[href*="/u"] span[style="color:#64A831"] strong {
  position:relative;
}
a[href*="/u"] span[style="color:#64A831"] strong:hover:after{
  background-color:rgba(255,0,0,0.5);
  border-radius:5px;
  bottom:15px;
  color:#fff;
  content:"Administração geral do fórum";
  display:inline-block;
  font-size:10px;
  font-style:normal;
  font-weight:700;
  left:-90px;
  padding:2px;
  position:absolute;
  white-space:nowrap;
  z-index:1
}

Cumprimentos.
Fraise

Perfeito !

Os 3 primeiros números eu posso alterar para trocar a cor de fundo, certo ?

Código:

background-color:rgba(255,0,0,0.5);

Olá!

Certo, as cores estão em RGB. Poderá encontra-las aqui:
http://www.efeitosespeciais.net/tabela.htm

Cumprimentos.
Fraise

Obrigado, Fraise !

Pode fechar o tópico.