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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Ausência dos campos de perfil
Hoje à(s) 4:13 por while

» Formulário de postagem
Hoje à(s) 3:55 por while

» Problema nas páginas devido aos anúncios
Hoje à(s) 3:47 por while

» Anúncios rolantes no fórum
Hoje à(s) 3:44 por while

» Anti owner no chatbox
Hoje à(s) 3:19 por Cream

» Membro do mês
Hoje à(s) 3:18 por Cream

» Bug no plug-in "Criar tags bbcode" do Daemon
Hoje à(s) 0:31 por while

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
Mr.Probz
 
Harold C+
 
lavinnia
 
Sennior
 
JrMAFiA
 
idarkdg
 

Quem está conectado
71 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 70 Visitantes :: 2 Motores de busca

FelipExBR

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Sab 12 Set 2015 - 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!



Última edição por ♦stefan♦ em Dom 13 Set 2015 - 23:56, editado 1 vez(es)

♦stefan♦
Usuário destaque

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

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

Mensagem por Fraise em Sab 12 Set 2015 - 17:26

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'


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7059

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

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

Mensagem por ♦stefan♦ em Sab 12 Set 2015 - 17:28

mas como eu deixo colorido igual o daqui?

♦stefan♦
Usuário destaque

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

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

Mensagem por Fraise em Sab 12 Set 2015 - 17:35

Olá novamente!

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

Até mais.
Fraise


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7059

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

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

Mensagem por ♦stefan♦ em Sab 12 Set 2015 - 17:37

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

♦stefan♦
Usuário destaque

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

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

Mensagem por Fraise em Sab 12 Set 2015 - 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.


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7059

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

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

Mensagem por ♦stefan♦ em Dom 13 Set 2015 - 0:48

Não resultou, continua sem aparecer nada!

♦stefan♦
Usuário destaque

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

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

Mensagem por Alex Habilidade em Dom 13 Set 2015 - 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
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2796
Pontos Ativos : 5861

http://www.gzhabilidade.com/

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

Mensagem por ♦stefan♦ em Dom 13 Set 2015 - 6:39

Ja esta

♦stefan♦
Usuário destaque

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

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

Mensagem por Hancki em Dom 13 Set 2015 - 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:

Hancki

Hancki
Desenvolvedor
Desenvolvedor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 7997
Pontos Ativos : 14507

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 Dom 13 Set 2015 - 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

♦stefan♦
Usuário destaque

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

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

Mensagem por Hancki em Dom 13 Set 2015 - 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
Desenvolvedor
Desenvolvedor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 7997
Pontos Ativos : 14507

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 Dom 13 Set 2015 - 23:55

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

♦stefan♦
Usuário destaque

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

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

Mensagem por Sennior em Ter 15 Set 2015 - 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.


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15957
Pontos Ativos : 22299

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5