Efeito hover nos nomes

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

Resolvido Efeito hover nos nomes

Mensagem por Lima 3005 em 26/05/14, 06:04 pm

  • 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, 03:05 pm, editado 1 vez(es)
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Efeito hover nos nomes

Mensagem por Alex Habilidade em 26/05/14, 07:11 pm

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.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Efeito hover nos nomes

Mensagem por Lima 3005 em 27/05/14, 01:32 pm

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"
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Efeito hover nos nomes

Mensagem por Hancki em 27/05/14, 02:44 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Efeito hover nos nomes

Mensagem por Lima 3005 em 27/05/14, 03:03 pm

faltava isso do relative, obrigado!
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

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