Gerir efeito hover nos nomes dos grupos

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

Resolvido Gerir efeito hover nos nomes dos grupos

Mensagem por Diapt em 07/06/15, 08:28 pm

Há muito tempo que estou tentando procurar na busca de tópicos, mas não consegui infelizmente.
Venho apresentar só minha dúvida.
Olhe este imagem,

Eu queria colocar em meu fórum é chamado de Fórum de Temas, mais conhecido o FDT(Ajuda de Temas)
www.temas.forumeiros.net

"Quem me ajudará, mostrará seu destino de ajudar-los"
Cordialmente,Vughis  Envergonhado


Última edição por Vughis em 08/06/15, 02:42 pm, editado 2 vez(es)
avatar

Diapt
Nível 8

Masculino
Inscrito dia : 24/05/2015
Mensagens : 128
Pontos Ativos : 190

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

Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Shaman em 07/06/15, 08:32 pm

Caro usuário,

Antes de postar uma pergunta, veja se a mesma já não se encontra respondida em tópicos criados anteriormente. Isso torna o processo de ajuda muito mais eficiente. Lembre-se de seguir as recomendações feitas antes de postar sua dúvida, elas evitam que casos assim aconteçam!

Veja se este tópico consegue resolver a sua dúvida, caso não basta que volte a nos informar para que possamos ajudá-lo a resolver o problema:
Seta http://ajuda.forumeiros.com/t95615-

Recomendamos que utilize sempre a busca do fórum e, veja se já não existe um tutorial para a função em:


Atenciosamente.
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Diapt em 07/06/15, 08:36 pm

Na verdade, senhor Shaman,
Eu queria também aparece nos nomes que estão nos fóruns que sãos usuários voluntários da equipa, também nos widgets, também nas legendas.
Infelizmente lá no tópico é só na legenda senhor Shamam.

Antes de postar uma pergunta, veja se a mesma já não se encontra respondida em tópicos criados anteriormente. Isso torna o processo de ajuda muito mais eficiente. Lembre-se de seguir as recomendações feitas antes de postar sua dúvida, elas evitam que casos assim aconteçam!

Como eu falei:
Há muito tempo que estou tentando procurar na busca de tópicos, mas não consegui infelizmente.

Cordialmente,Vughis
avatar

Diapt
Nível 8

Masculino
Inscrito dia : 24/05/2015
Mensagens : 128
Pontos Ativos : 190

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

Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Shaman em 07/06/15, 09:13 pm

Olá, adicione em seu CSS:

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

a[href*="/u"] span[style="color:CODIGODACORDOGRUPO"] strong:hover:after {
  background-color: rgba(130,93,0,0.5);
  border-radius: 5px;
  bottom: 15px;
  color: #fff;
  content: "Seu texto aqui";
  display: inline-block;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  left: -70px;
  padding: 2px;
  position: absolute;
  white-space: nowrap;
  z-index: 1;
}

Em CODIGODACORDOGRUPO coloque exatamente a cor do grupo em que quer que apareça o efeito hover, exemplo. A cor dos Admintemas em seu fórum é #FF0000 então no lugar de CODIGODACORDOGRUPO o senhor deve colocar #FF0000, assim, todos os usuários com a cor #FF0000 receberá o efeito hover.

Em Seu texto aqui o senhor mude para o texto que quiser.

Abs.
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Diapt em 07/06/15, 09:17 pm

Porém não entendi sua reposta.
Mesmo não entendi, poderá fazer um favor?
A parte do /u e é tem ser id do usuário, mais quero grupos particpativos.
Cordialmente,Vughis
avatar

Diapt
Nível 8

Masculino
Inscrito dia : 24/05/2015
Mensagens : 128
Pontos Ativos : 190

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

Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Shaman em 07/06/15, 09:19 pm

Vughis escreveu:Porém não entendi sua reposta.
Mesmo não entendi, poderá fazer um favor?
A parte do /u e é tem ser id do usuário, mais quero grupos particpativos.
Cordialmente,Vughis

Não, o senhor deixa o código do jeito que está Rindo Só mude a parte da cor, sendo assim, o código vai pegar todo nome de usuário com aquela COR e aplicar o efeito hover.

Abs.
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Sennior em 08/06/15, 01:59 pm

Saudações autor,

Deseja o efeito para todos os grupos? Se sim, utilize este código CSS:
Cpainel ->> Visualização ->>Gestão de imagens ->> Cores ->>Folha de Estilo CSS
Código:
a[href*="/u"] span[style="color:#000099"] strong {
  position: relative;
}

a[href*="/u"] span[style="color:#000099"] strong:hover:after {
  background-color: rgba(130,93,0,0.5);
  border-radius: 5px;
  bottom: 15px;
  color: #fff;
  content: "Seu texto aqui";
  display: inline-block;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  left: -70px;
  padding: 2px;
  position: absolute;
  white-space: nowrap;
  z-index: 1;
}

Salve e visualize teu fórum.
Abraços.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Diapt em 08/06/15, 02:28 pm

Não funcionou.
avatar

Diapt
Nível 8

Masculino
Inscrito dia : 24/05/2015
Mensagens : 128
Pontos Ativos : 190

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

Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Sennior em 08/06/15, 02:34 pm

Mas é lógico! Que falta de atenção a minha.
O efeito seria para seu Nickname né? Primeiro, terá que deixar o grupo de administradores visível em teu fórum:
Seta http://ajuda.forumeiros.com/t12839-

Depois, utilize este código e veja se resulta:
Código:
a[href*="/u1"] span[style="color:#000099"] strong {
  position: relative;
}

a[href*="/u1"] span[style="color:#000099"] strong:hover:after {
  background-color: rgba(130,93,0,0.5);
  border-radius: 5px;
  bottom: 15px;
  color: #fff;
  content: "Seu texto aqui";
  display: inline-block;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  left: -70px;
  padding: 2px;
  position: absolute;
  white-space: nowrap;
  z-index: 1;
}

Abraços.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Rafael em 08/06/15, 02:37 pm

Olá @Vughis,

Aqui um exemplo para o Admintemas:

Código:
a[href*="/u"] span[style="color:#FF0000"] strong:hover:after {
  background-color: rgba(255, 0, 0, 0.54);
  border-radius: 5px;
  bottom: 15px;
  color: #fff;
  content: "Seu texto aqui";
  display: inline-block;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  left: -70px;
  padding: 2px;
  position: absolute;
  white-space: nowrap;
  z-index: 1;
}
a[href*="/u"] span[style="color:#FF0000"] strong {
  position: relative;
}

Agora para os restantes grupos deve alterar #FF0000 para a cor dos respetivos grupos.

Até mais,
iChees
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Diapt em 08/06/15, 02:42 pm

@Sennior
Não funcionou
@iChees
Funcionou, pode fechar este tópico e agradeço aos vocês tentaram me ajudar.
Cordialmente,Vughis
avatar

Diapt
Nível 8

Masculino
Inscrito dia : 24/05/2015
Mensagens : 128
Pontos Ativos : 190

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

Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Rafael em 08/06/15, 02:49 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

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

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