Tooltip nos grupos de usuário
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Tooltip nos grupos de usuário
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
Imagem: https://imgur.com/LgxNdy3
Re: Tooltip nos grupos de usuário
Saudações,
Leia este tópico para auxilio em tua questão:
https://ajuda.forumeiros.com/t95615-
Até mais.
Sennior
Leia este tópico para auxilio em tua questão:
https://ajuda.forumeiros.com/t95615-
Até mais.
Sennior
Re: Tooltip nos grupos de usuário
- 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;
}
Painel de Controle > Visualização > Imagens & Cores > Cores > Aba Folha de Estilo CSS e cole o código lá e salve!
Cumprimentos,
Re: Tooltip nos grupos de usuário
Saudações,
Bem, cá esta:
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
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
Re: Tooltip nos grupos de usuário
Olá!
Você está alterando os valores? Tente este.
Cumprimentos.
Fraise
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
Re: Tooltip nos grupos de usuário
Olá!
Tente este.
Cumprimentos.
Fraise
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
Re: Tooltip nos grupos de usuário
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
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
Re: Tooltip nos grupos de usuário
Olá,este é meu fórum de testes.
O Fórum que eu estou tentando fazer mudanças é este:
tbgrpg.forumeiros.com
O Fórum que eu estou tentando fazer mudanças é este:
tbgrpg.forumeiros.com
Re: Tooltip nos grupos de usuário
Saudações,
Utilize o código assim:
Como já explicamos, basta alterar o id que no caso esta u135 para de outro membro.
Abraços.
Sennior
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
Re: Tooltip nos grupos de usuário
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos