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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Brilho nos anúncios
Hoje à(s) 02:06 pm por Ketholy123

» Ajuda sobre esse Codigo
Hoje à(s) 02:01 pm por Luiz

» Caixa de login ao clicar na barra de ferramentas
Hoje à(s) 01:34 pm por Luiz

» Quadro de troféus e medalhas
Hoje à(s) 01:31 pm por Kyo Panda

» Citação não aparece nome de usuário
Hoje à(s) 01:26 pm por Kyo Panda

» Slide no index
Hoje à(s) 01:21 pm por Kyo Panda

» Ranks forum
Hoje à(s) 01:14 pm por Tiger

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
238 usuários online :: 11 usuários cadastrados, Nenhum Invisível e 227 Visitantes :: 2 Motores de busca

BichodoMato, Connor R., Ketholy123, Kyo Panda, lofot, Luiz, Sleep, Taxy_InSaniTy, Tiger, virus, weverson lopes

[ Ver toda a lista ]


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

Efeito ao passar o Mouse no Nick

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

Resolvido Efeito ao passar o Mouse no Nick

Mensagem por Brunelli em 22/01/17, 10:51 am

Detalhes da questão


Endereço do fórum: http://gsf-nwd.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá,

Eu queria saber se há alguma alternativa para esse efeito aqui no fórum:


Eu já tenho ele, porém, é bem complicado de aplicar nos membros, porque eu tenho que usar 1 único código na folha de estilo CSS, para cada /u do fórum, segue o código:
Código:
a[href="/u1"] strong {
position:relative;
}
a[href="/u1"] strong:hover:after {
background-color:rgba(255,0,0, 0.5);
content: "Fundador do Clã e do Fórum";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#FFFFFF;
position:absolute;
bottom:15px;
left:0px;
display:inline-block;
white-space:nowrap;
z-index:1;
}

E é 1 código desse para cada membro que precise ter o efeito ao passar o mouse por cima do nick, queria saber se há alguma alternativa pra tipo aplicar isso automaticamente para determinados grupos do fórum.

Ex:
Todos os membros que estiverem no grupo "Fundador" vão ter a mensagem "Fundador do Fórum" ao passar o mouse por cima do nick.

Obrigado a quem puder ajudar Muito feliz.


Última edição por Brunelli em 22/01/17, 09:31 pm, editado 1 vez(es)
avatar

Brunelli
Nível 6

Masculino
Inscrito dia : 09/10/2016
Mensagens : 79
Pontos Ativos : 134

Ver perfil do usuário http://gsf-nwd.forumeiros.com/ https://www.facebook.com/BrunelliK3 https://twitter.com/BrunelliK3

Resolvido Re: Efeito ao passar o Mouse no Nick

Mensagem por Luiz em 22/01/17, 03:16 pm

Olá. Piscada
Tem sim, basta fazer isso pelo estilo do nome do usuário, veja:
Código:
a[href="/u"] span[style*="#FF0000"] strong {
position:relative;
}
a[href="/u"] span[style*="#FF0000"] strong:hover:after {
background-color:rgba(255,0,0, 0.5);
content: "Fundador do Clã e do Fórum";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#FFFFFF;
position:absolute;
bottom:15px;
left:0px;
display:inline-block;
white-space:nowrap;
z-index:1;
}

Note que há esse trecho:
a[href="/u"] span[style*="#FF0000"] strong:hover:after

Basta mudar "#FF0000" para a cor do grupo.
Resulta? Feliz

Até mais.

---

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4195
Pontos Ativos : 4832

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Efeito ao passar o Mouse no Nick

Mensagem por Brunelli em 22/01/17, 03:33 pm

Eu não entendi como aplico o código, porque ali tem o "/u" eu ponho qual /u ali? não entendi como aplica para todos os usuários de determinado grupo.

@Edit:
É porque eu queria por esse efeito para um grupo inteiro do fórum, por exemplo os membros do fórum tem 50 pessoas, eu queria por nessas 50 pessoas o efeito "Membro do Fórum" sem ter que usar o meu código 50 vezes, queria saber se há uma forma de usar esse código pra atribuir o efeito para todo grupo.
avatar

Brunelli
Nível 6

Masculino
Inscrito dia : 09/10/2016
Mensagens : 79
Pontos Ativos : 134

Ver perfil do usuário http://gsf-nwd.forumeiros.com/ https://www.facebook.com/BrunelliK3 https://twitter.com/BrunelliK3

Resolvido Re: Efeito ao passar o Mouse no Nick

Mensagem por Kyo Panda em 22/01/17, 07:58 pm

Tente esse:

Código:
a[href^="/u"] span[style*="#FF0000"] strong {
  position:relative;
}

a[href^="/u"] span[style*="#FF0000"] strong:hover:after {
  background-color:rgba(255,0,0, 0.5);
  content: "Fundador do Clã e do Fórum";
  border-radius:5px;
  font-weight:bold;
  font-size:10px;
  padding:2px;
  color:#FFFFFF;
  position:absolute;
  bottom:15px;
  left:0px;
  display:inline-block;
  white-space:nowrap;
  z-index:1;
}

Eu apenas mudei o href="/u" para href^="/u", assim ele pegará todos os links que começam com /u (links de perfil de usuário) e o senhor personaliza pela cor do grupo, como dito pelo @Luiz~. o/


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4361
Pontos Ativos : 5656

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Efeito ao passar o Mouse no Nick

Mensagem por Brunelli em 22/01/17, 09:31 pm

Ha sim, @Kyo Panda , eu entendi a mecânica de como funciona, consegui aplicar perfeitamente no meu fórum,

Agradeço demais vocês!!

Resolvido.
avatar

Brunelli
Nível 6

Masculino
Inscrito dia : 09/10/2016
Mensagens : 79
Pontos Ativos : 134

Ver perfil do usuário http://gsf-nwd.forumeiros.com/ https://www.facebook.com/BrunelliK3 https://twitter.com/BrunelliK3

Resolvido Re: Efeito ao passar o Mouse no Nick

Mensagem por Luiz em 22/01/17, 09:40 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4195
Pontos Ativos : 4832

Ver perfil do usuário https://github.com/lffg/

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