Tooltip nos grupos de usuário

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Tooltip nos grupos de usuário

Mensagem por RodrigoGatto em 15/07/15, 12:18 pm

Queria saber como que coloco esse textinho que tem aqui no FdF quando passa o mouse em cima de um moderador

Imagem: http://imgur.com/LgxNdy3
avatar

RodrigoGatto
Nível 7

Masculino
Inscrito dia : 10/04/2015
Mensagens : 98
Pontos Ativos : 138

Ver perfil do usuário http://tbgrpg.forumeiros.com

Resolvido Re: Tooltip nos grupos de usuário

Mensagem por Sennior em 15/07/15, 12:24 pm

Saudações,

Leia este tópico para auxilio em tua questão:
Seta http://ajuda.forumeiros.com/t95615-

Até mais.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Tooltip nos grupos de usuário

Mensagem por RodrigoGatto em 15/07/15, 12:46 pm

Não resultou em nada :v
avatar

RodrigoGatto
Nível 7

Masculino
Inscrito dia : 10/04/2015
Mensagens : 98
Pontos Ativos : 138

Ver perfil do usuário http://tbgrpg.forumeiros.com

Resolvido Re: Tooltip nos grupos de usuário

Mensagem por Mshas em 15/07/15, 12:51 pm

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;
}
Realmente deverá adicionar isto ao Folha de Estilo CSS,
Painel de Controle > Visualização > Imagens & Cores > Cores > Aba Folha de Estilo CSS e cole o código lá e salve!

Cumprimentos,
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

Ver perfil do usuário http://www.mservicos.forumeiros.com

Resolvido Re: Tooltip nos grupos de usuário

Mensagem por Sennior em 15/07/15, 11:52 pm

Saudações,

Bem, cá esta:
Código:
a[href*="/u"] span[style="color:CORDOGRUPO"] strong:hover:after {
  background-color: rgba(105,182,22,0.5);
  border-radius: 5px;
  bottom: 15px;
  color: #fff;
  content: "DESCRIÇÃO DO GRUPO AQUI";
  display: inline-block;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  left: -60px;
  padding: 2px;
  position: absolute;
  white-space: nowrap;
  z-index: 1;
}

No código CSS acima, o senhor procura pela palavra "CordoGrupo" e coloque a cor do grupo, para que aqueles que estejam no grupo tenham a descrição.
Poderá alterar a descrição no campo "DESCRIÇÃO DO GRUPO AQUI".

E aí, deu certo?
Abraços.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Tooltip nos grupos de usuário

Mensagem por RodrigoGatto em 16/07/15, 12:04 pm

Não deu em nada :/
avatar

RodrigoGatto
Nível 7

Masculino
Inscrito dia : 10/04/2015
Mensagens : 98
Pontos Ativos : 138

Ver perfil do usuário http://tbgrpg.forumeiros.com

Resolvido Re: Tooltip nos grupos de usuário

Mensagem por Fraise em 16/07/15, 12:06 pm

Olá!

Você está alterando os valores? Tente este.
Código:
a[href*="/u1"] span[style="color:#fff"] strong:hover:after {
  background-color: rgba(105,182,22,0.5);
  border-radius: 5px;
  bottom: 15px;
  color: #fff;
  content: "texto";
  display: inline-block;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  left: -60px;
  padding: 2px;
  position: absolute;
  white-space: nowrap;
  z-index: 1;
}

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Tooltip nos grupos de usuário

Mensagem por RodrigoGatto em 16/07/15, 12:08 pm

Estou sim,tentei esse também não deu.
avatar

RodrigoGatto
Nível 7

Masculino
Inscrito dia : 10/04/2015
Mensagens : 98
Pontos Ativos : 138

Ver perfil do usuário http://tbgrpg.forumeiros.com

Resolvido Re: Tooltip nos grupos de usuário

Mensagem por Fraise em 16/07/15, 12:11 pm

Olá!

Tente este.
Código:
a[href="/u1"] span strong {
  position:relative; }

a[href="/u1"] span strong:hover::after {
    background-color:"#94836E";
    border-radius: 2px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Texto";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -5px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Tooltip nos grupos de usuário

Mensagem por RodrigoGatto em 21/07/15, 08:43 pm

Não mudou nada Triste
avatar

RodrigoGatto
Nível 7

Masculino
Inscrito dia : 10/04/2015
Mensagens : 98
Pontos Ativos : 138

Ver perfil do usuário http://tbgrpg.forumeiros.com

Resolvido Re: Tooltip nos grupos de usuário

Mensagem por Fraise em 22/07/15, 04:55 pm

Olá!

Este é o seu fórum certo? http://testesgatto.forumeiros.com/
Pelo que vi, você já tem o efeito neon ativo e pode estar interferindo de alguma maneira com o tooltip, tente remover o efeito neon e colocar o do tooltip para ver se dá resultado.

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Tooltip nos grupos de usuário

Mensagem por RodrigoGatto em 22/07/15, 10:14 pm

Olá,este é meu fórum de testes.
O Fórum que eu estou tentando fazer mudanças é este:
tbgrpg.forumeiros.com
avatar

RodrigoGatto
Nível 7

Masculino
Inscrito dia : 10/04/2015
Mensagens : 98
Pontos Ativos : 138

Ver perfil do usuário http://tbgrpg.forumeiros.com

Resolvido Re: Tooltip nos grupos de usuário

Mensagem por Sennior em 23/07/15, 05:22 am

Saudações,

Utilize o código assim:
Código:
a[href="/u135"] span strong {
  position:relative; }

a[href="/u135"] span strong:hover::after {
    background-color: #DA638D;
    border-radius: 2px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Texto";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -5px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

Como já explicamos, basta alterar o id que no caso esta u135 para de outro membro.
Abraços.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Tooltip nos grupos de usuário

Mensagem por RodrigoGatto em 23/07/15, 07:48 pm

Obrigado! Agora funcionou
avatar

RodrigoGatto
Nível 7

Masculino
Inscrito dia : 10/04/2015
Mensagens : 98
Pontos Ativos : 138

Ver perfil do usuário http://tbgrpg.forumeiros.com

Resolvido Re: Tooltip nos grupos de usuário

Mensagem por Rafael em 23/07/15, 07:51 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum