Gerir efeito hover nos nomes dos grupos

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

Atendido / Resolvido Gerir efeito hover nos nomes dos grupos

Mensagem por Diapt 08.06.15 0:28

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,
ff0000 - Gerir efeito hover nos nomes dos grupos UyyW00J
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 18:42, editado 2 vez(es)
Diapt

Diapt
Nível 8

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

http://www.temas.forumeiros.com

Atendido / Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Shaman 08.06.15 0:32

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 https://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.
Shaman

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1787
Pontos ativos : 2448

http://brasilplayvicio.com.br

Atendido / Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Diapt 08.06.15 0:36

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
Diapt

Diapt
Nível 8

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

http://www.temas.forumeiros.com

Atendido / Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Shaman 08.06.15 1:13

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

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1787
Pontos ativos : 2448

http://brasilplayvicio.com.br

Atendido / Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Diapt 08.06.15 1:17

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
Diapt

Diapt
Nível 8

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

http://www.temas.forumeiros.com

Atendido / Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Shaman 08.06.15 1:19

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

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1787
Pontos ativos : 2448

http://brasilplayvicio.com.br

Atendido / Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Sennior 08.06.15 17:59

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
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16378
Pontos ativos : 20891

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Diapt 08.06.15 18:28

Não funcionou.
Diapt

Diapt
Nível 8

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

http://www.temas.forumeiros.com

Atendido / Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Sennior 08.06.15 18:34

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 https://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
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16378
Pontos ativos : 20891

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por RafaelS. 08.06.15 18:37

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

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 5748
Pontos ativos : 7155

http://techmais.forumeiros.com/

Atendido / Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por Diapt 08.06.15 18:42

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

Diapt
Nível 8

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

http://www.temas.forumeiros.com

Atendido / Resolvido Re: Gerir efeito hover nos nomes dos grupos

Mensagem por RafaelS. 08.06.15 18:49

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

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 5748
Pontos ativos : 7155

http://techmais.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão neste fórum:
Você não pode responder aos tópicos neste fórum