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
» Colocar link do perfil no menu
Hoje à(s) 02:44 am por Flames

» Categoria do fórum
Hoje à(s) 12:06 am por PrisoN†BreaK

» Cor do fundos dos tópicos
Ontem à(s) 11:03 pm por [SRD]JimClark

» Caixa de resposta rápida nos tópicos
Ontem à(s) 09:53 pm por Harleen

» Remover "Não há mensagens"
Ontem à(s) 09:45 pm por Harleen

» Template quebra ao ser editado
Ontem à(s) 09:21 pm por Starset

» Aparecer pop-up de login ao clicar em Conectar-se
Ontem à(s) 07:39 pm por Flames

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Luiz
 
Fatalisss
 
Holkis
 
JulioPais
 
Shek
 
Flames
 
APOllO
 
Forumpw
 

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

Flames, Luiz

[ 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

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3554
Pontos Ativos : 4228

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

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. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3708
Pontos Ativos : 4952

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

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3554
Pontos Ativos : 4228

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