Efeito hover nos nomes

3 participantes

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

Tópico resolvido Efeito hover nos nomes

Mensagem por Lima 3005 26.05.14 22:04

  • Descrição:
Boas quando passamos o rato pelos nicks queria que aparecesse como no forumeiros tipo "doporte geral" eu já tentei colocar

a [href="/u1"] strong:hover


mas não está a funcionar s:

  • Informações:
Fórum:http://universogamer.foruns.com.pt/Versão:INVISION
Tipo:Erros diversosTags:Efeito,hover,nomes



Última edição por lima21 em 27.05.14 19:05, editado 1 vez(es)
Lima 3005

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos nomes

Mensagem por Alex Habilidade 26.05.14 23:11

Olá,

Aqui está o código:
Código:

a[href*="/u"] span[style="color:#C39300"] strong:hover:after {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    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: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

Observe está cor:
Código:

style="color:#C39300"
No caso, é a cor de ajudeiros, o senhor deve especificar as cores para cada grupo.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos nomes

Mensagem por Lima 3005 27.05.14 17:32

não esta a funcionar eu já tinha pegado nisso... devo ter de colocar o código no nome do grupo é isso? onde coloco isto?

Código:
style="color:#C39300"
Lima 3005

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito hover nos nomes

Mensagem por Hancki 27.05.14 18:44

Olá!

Tente este código:
Código:
a[href*="/u1"] {
position: relative;
}
a[href*="/u1"]:hover:after {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    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: 2px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}
Resultado: http://prntscr.com/3n4dse

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover nos nomes

Mensagem por Lima 3005 27.05.14 19:03

faltava isso do relative, obrigado!
Lima 3005

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

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