Tooltip nos grupos de usuário

5 participantes

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

Tópico resolvido Tooltip nos grupos de usuário

Mensagem por RodrigoGatto 15.07.15 16:18

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

Imagem: https://imgur.com/LgxNdy3
RodrigoGatto

RodrigoGatto
***

Membro desde : 10/04/2015
Mensagens : 108
Pontos : 158

http://tbgrpg.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Tooltip nos grupos de usuário

Mensagem por Sennior 15.07.15 16:24

Saudações,

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

Até mais.
Sennior
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip nos grupos de usuário

Mensagem por RodrigoGatto 15.07.15 16:46

Não resultou em nada :v
RodrigoGatto

RodrigoGatto
***

Membro desde : 10/04/2015
Mensagens : 108
Pontos : 158

http://tbgrpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip nos grupos de usuário

Mensagem por Mshas 15.07.15 16:51

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,
Mshas

Mshas
****

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Tooltip nos grupos de usuário

Mensagem por Sennior 16.07.15 3:52

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
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip nos grupos de usuário

Mensagem por RodrigoGatto 16.07.15 16:04

Não deu em nada :/
RodrigoGatto

RodrigoGatto
***

Membro desde : 10/04/2015
Mensagens : 108
Pontos : 158

http://tbgrpg.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Tooltip nos grupos de usuário

Mensagem por Fraise 16.07.15 16:06

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
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip nos grupos de usuário

Mensagem por RodrigoGatto 16.07.15 16:08

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

RodrigoGatto
***

Membro desde : 10/04/2015
Mensagens : 108
Pontos : 158

http://tbgrpg.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Tooltip nos grupos de usuário

Mensagem por Fraise 16.07.15 16:11

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
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip nos grupos de usuário

Mensagem por RodrigoGatto 22.07.15 0:43

Não mudou nada Triste
RodrigoGatto

RodrigoGatto
***

Membro desde : 10/04/2015
Mensagens : 108
Pontos : 158

http://tbgrpg.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Tooltip nos grupos de usuário

Mensagem por Fraise 22.07.15 20:55

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
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip nos grupos de usuário

Mensagem por RodrigoGatto 23.07.15 2:14

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

RodrigoGatto
***

Membro desde : 10/04/2015
Mensagens : 108
Pontos : 158

http://tbgrpg.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Tooltip nos grupos de usuário

Mensagem por Sennior 23.07.15 9:22

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
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Tooltip nos grupos de usuário

Mensagem por RodrigoGatto 23.07.15 23:48

Obrigado! Agora funcionou
RodrigoGatto

RodrigoGatto
***

Membro desde : 10/04/2015
Mensagens : 108
Pontos : 158

http://tbgrpg.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Tooltip nos grupos de usuário

Mensagem por RafaelS. 23.07.15 23:51

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

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos