Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como eu faço para encontrar uma equipe?
Hoje à(s) 02:19 am por mrvisible

» Personalizar posts
Hoje à(s) 12:19 am por Harleen

» Mostrar usuário do post
Ontem à(s) 08:27 pm por rlmac

» Como fazer sub entrada?
Ontem à(s) 08:07 pm por Harleen

» Como trasnferir um site do wix para forumeiros?
Ontem à(s) 07:33 pm por Shek

» Best Skins | as melhores skins você encontra aqui.
Ontem à(s) 06:48 pm por Dr.

» Widget melhor do mês não funciona
Ontem à(s) 05:03 pm por Kyo Panda

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Shek
 
Luiz
 
APOllO
 
Kyko
 
mrvisible
 
odelgado
 
iScroll
 
rlmac
 

Quem está conectado
237 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 235 Visitantes :: 2 Motores de busca

Luiz, SnowGray

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Resolvido - Hover para usuarios de certos grupos na categoria

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

Resolvido Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por ♦stefan♦ em 12/09/15, 01:25 pm

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!



Última edição por ♦stefan♦ em 13/09/15, 07:56 pm, editado 1 vez(es)

♦stefan♦
Usuário destaque

Masculino
Inscrito dia : 11/01/2011
Mensagens : 643
Pontos Ativos : 942

Resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por Fraise em 12/09/15, 01:26 pm

Boa tarde!

Queira consultar este tutorial:
Seta http://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'
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

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

Resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por ♦stefan♦ em 12/09/15, 01:28 pm

mas como eu deixo colorido igual o daqui?

♦stefan♦
Usuário destaque

Masculino
Inscrito dia : 11/01/2011
Mensagens : 643
Pontos Ativos : 942

Resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por Fraise em 12/09/15, 01:35 pm

Olá novamente!

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

Até mais.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

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

Resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por ♦stefan♦ em 12/09/15, 01:37 pm

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

♦stefan♦
Usuário destaque

Masculino
Inscrito dia : 11/01/2011
Mensagens : 643
Pontos Ativos : 942

Resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por Fraise em 12/09/15, 01:38 pm

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

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

Resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por ♦stefan♦ em 12/09/15, 08:48 pm

Não resultou, continua sem aparecer nada!

♦stefan♦
Usuário destaque

Masculino
Inscrito dia : 11/01/2011
Mensagens : 643
Pontos Ativos : 942

Resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por Alex Habilidade em 12/09/15, 10:13 pm

Olá,

O código fornecido pelo @Fraise esta correto, deixe o código ativo, para que possamos analisar como você esta deixando .
avatar

Alex Habilidade
Usuário experiente

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

http://www.gzhabilidade.com/

Resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por ♦stefan♦ em 13/09/15, 02:39 am

Ja esta

♦stefan♦
Usuário destaque

Masculino
Inscrito dia : 11/01/2011
Mensagens : 643
Pontos Ativos : 942

Resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por Hancki em 13/09/15, 09:22 am

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:

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8039
Pontos Ativos : 12015

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por ♦stefan♦ em 13/09/15, 06:58 pm

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

♦stefan♦
Usuário destaque

Masculino
Inscrito dia : 11/01/2011
Mensagens : 643
Pontos Ativos : 942

Resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por Hancki em 13/09/15, 07:30 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8039
Pontos Ativos : 12015

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por ♦stefan♦ em 13/09/15, 07:55 pm

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

♦stefan♦
Usuário destaque

Masculino
Inscrito dia : 11/01/2011
Mensagens : 643
Pontos Ativos : 942

Resolvido Re: Resolvido - Hover para usuarios de certos grupos na categoria

Mensagem por Sennior em 15/09/15, 01:43 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16304
Pontos Ativos : 20795

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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