Resolvido - Hover para usuarios de certos grupos na categoria

5 participantes

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

Tópico resolvido Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por ♦stefan♦ 12.09.15 17:25

Detalhes da questão


Endereço do fórum: www.csgobrasil.forumeiros.com
Versão do fórum: PunBB

Descrição


Gostaria de saber como colocar esse efeito em meu fórum, onde está circulado na imagem abaixo!

Bot�o resolvido - Resolvido - Hover para usuarios de certos grupos na categoria RbL0BQ9


Última edição por ♦stefan♦ em 13.09.15 23:56, editado 1 vez(es)
avatar

♦stefan♦
Membro

Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por Fraise 12.09.15 17:26

Boa tarde!

Queira consultar este tutorial:
Seta https://ajuda.forumeiros.com/t100396-

Até mais.
Fraise

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por ♦stefan♦ 12.09.15 17:28

mas como eu deixo colorido igual o daqui?
avatar

♦stefan♦
Membro

Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por Fraise 12.09.15 17:35

Olá novamente!

Refere-se aos nomes coloridos? Caso sim, leia:
Seta https://ajuda.forumeiros.com/t12839-

Até mais.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por ♦stefan♦ 12.09.15 17:37

eu adicionei o código e não funcionou :C
avatar

♦stefan♦
Membro

Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por Fraise 12.09.15 17:38

Olá,

Tente com este:
Código:
a[href="/u1"] strong {
position:absolute;
}
a[href="/u1"] strong:hover:after {
background-color:rgba(0,0,0, 0.5);
content: "TEXTO A EXIBIR";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
bottom:15px;
left:0px;
display:inline-block;
white-space:nowrap;
z-index:1;
}

Até mais.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por ♦stefan♦ 13.09.15 0:48

Não resultou, continua sem aparecer nada!
avatar

♦stefan♦
Membro

Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942

Ir para o topo Ir para baixo

Tópico resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por Alex Habilidade 13.09.15 2:13

Olá,

O código fornecido pelo @Fraise esta correto, deixe o código ativo, para que possamos analisar como você esta deixando .
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: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por ♦stefan♦ 13.09.15 6:39

Ja esta
avatar

♦stefan♦
Membro

Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942

Ir para o topo Ir para baixo

Tópico resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por Hancki 13.09.15 13:22

Olá!

O código passado pelo nosso amigo @Fraise contém um erro. Corrigi-o e ainda mudei as propriedades da posição do elemento para não gerar bugs. (Curiosamente fui o autor deste código)

Adicione este CSS em vez do que já tem:
Código:
a[href="/u1"] {
position:relative;
}
a[href="/u1"]:hover:after {
background-color:rgba(0,0,0, 0.5);
content: 'MODIFIQUE AQUI O TEXTO';
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
bottom:15px;
left:0px;
display:inline-block;
white-space:nowrap;
z-index:1;
}

Resultado: Bot�o resolvido - Resolvido - Hover para usuarios de certos grupos na categoria FG4vTFS

Hancki
Hancki

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por ♦stefan♦ 13.09.15 22:58

Agora funcionou, mas como deixo colorido igual aqui? do Fdf

Eu testei no fórum de teste, que vou utilizar a skin! www.csgobrasilteste.forumeiros
o código ficou bugado, cortado pela metade
avatar

♦stefan♦
Membro

Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942

Ir para o topo Ir para baixo

Tópico resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por Hancki 13.09.15 23:30

Olá de novo!

Tive que reescrever o código e mesmo assim não sei se vai funcionar... mas tente este:
Código:
a[href="/u1"] {
    position: static !important;
}
a[href="/u1"]:hover:after {
    font-size: 10px;
    content: 'TEXTO AQUI'; /* Aqui escolhe o texto */
    min-width: 70px;
    width: auto;
    background: #333;
    background: #000000; /* Aqui escolhe a cor do fundo */
    border-radius: 5px;
    margin-top: -27px;
    margin-left: -30px;
    color: #fff; /* Aqui escolhe a cor da letra */
    padding: 5px 15px;
    position: absolute;
    z-index: 998;
    opacity: 0.7;
}
.user a[href="/u1"]:hover:after {
    display: none;
}

Em relação a editar as cores e texto, está anotado no código!

Hancki
Hancki

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por ♦stefan♦ 13.09.15 23:55

Boaaa feraaa, exatamente como eu queria, te amo!! <3
avatar

♦stefan♦
Membro

Membro desde : 11/01/2011
Mensagens : 643
Pontos : 942

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por Sennior 15.09.15 5:43

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
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

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