Tooltip nos grupos de usuário

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

Atendido / Resolvido Tooltip nos grupos de usuário

Mensagem por RodrigoGatto em 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
Nível 8

Masculino
Inscrito dia : 10/04/2015
Mensagens : 103
Pontos Ativos : 147

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

Atendido / Resolvido Re: Tooltip nos grupos de usuário

Mensagem por Sennior em 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
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16368
Pontos Ativos : 20873

Ver perfil do usuário https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Tooltip nos grupos de usuário

Mensagem por RodrigoGatto em 15.07.15 16:46

Não resultou em nada :v
RodrigoGatto

RodrigoGatto
Nível 8

Masculino
Inscrito dia : 10/04/2015
Mensagens : 103
Pontos Ativos : 147

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

Atendido / Resolvido Re: Tooltip nos grupos de usuário

Mensagem por Mshas em 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
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

Atendido / Resolvido Re: Tooltip nos grupos de usuário

Mensagem por Sennior em 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
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16368
Pontos Ativos : 20873

Ver perfil do usuário https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Tooltip nos grupos de usuário

Mensagem por RodrigoGatto em 16.07.15 16:04

Não deu em nada :/
RodrigoGatto

RodrigoGatto
Nível 8

Masculino
Inscrito dia : 10/04/2015
Mensagens : 103
Pontos Ativos : 147

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

Atendido / Resolvido Re: Tooltip nos grupos de usuário

Mensagem por Fraise em 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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Admineiro
Fraise

Fraise
Admineiro
Admineiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6270
Pontos Ativos : 7738

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

Atendido / Resolvido Re: Tooltip nos grupos de usuário

Mensagem por RodrigoGatto em 16.07.15 16:08

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

RodrigoGatto
Nível 8

Masculino
Inscrito dia : 10/04/2015
Mensagens : 103
Pontos Ativos : 147

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

Atendido / Resolvido Re: Tooltip nos grupos de usuário

Mensagem por Fraise em 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
Admineiro
Admineiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6270
Pontos Ativos : 7738

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

Atendido / Resolvido Re: Tooltip nos grupos de usuário

Mensagem por RodrigoGatto em 22.07.15 0:43

Não mudou nada Triste
RodrigoGatto

RodrigoGatto
Nível 8

Masculino
Inscrito dia : 10/04/2015
Mensagens : 103
Pontos Ativos : 147

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

Atendido / Resolvido Re: Tooltip nos grupos de usuário

Mensagem por Fraise em 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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Admineiro
Fraise

Fraise
Admineiro
Admineiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6270
Pontos Ativos : 7738

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

Atendido / Resolvido Re: Tooltip nos grupos de usuário

Mensagem por RodrigoGatto em 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
Nível 8

Masculino
Inscrito dia : 10/04/2015
Mensagens : 103
Pontos Ativos : 147

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

Atendido / Resolvido Re: Tooltip nos grupos de usuário

Mensagem por Sennior em 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
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16368
Pontos Ativos : 20873

Ver perfil do usuário https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Tooltip nos grupos de usuário

Mensagem por RodrigoGatto em 23.07.15 23:48

Obrigado! Agora funcionou
RodrigoGatto

RodrigoGatto
Nível 8

Masculino
Inscrito dia : 10/04/2015
Mensagens : 103
Pontos Ativos : 147

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

Atendido / Resolvido Re: Tooltip nos grupos de usuário

Mensagem por RafaelS. em 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.




Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"Suba na vida, mas não faça de seus amigos os degraus de sua escada, vença pela sua capacidade sempre com Honestidade,Caráter e Amor!"

Tooltip nos grupos de usuário 2169
Tooltip nos grupos de usuário 15074
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4689
Pontos Ativos : 5738

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

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


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