Mudar estilo de quando passa mouse no nome da pessoa

4 participantes

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

Tópico resolvido Mudar estilo de quando passa mouse no nome da pessoa

Mensagem por Steve_. 18.08.16 15:31

Detalhes da questão


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

Descrição


Olá , eu tenho isso desse jeito:

Efeito quadrado:

mudar - Mudar estilo de quando passa mouse no nome da pessoa K2fwa9

Como eu gostaria que ficasse:

Efeito meio redondo:

mudar - Mudar estilo de quando passa mouse no nome da pessoa 14wrqsj




Última edição por Steve_. em 18.08.16 16:25, editado 1 vez(es)
Steve_.

Steve_.
****

Membro desde : 14/08/2016
Mensagens : 255
Pontos : 403

https://ajuda.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mudar estilo de quando passa mouse no nome da pessoa

Mensagem por Cream 18.08.16 15:33

Olá,

Pelo que entendi você quer que a legenda que aparece ao passar o mouse sobre o nick do usuário esteja do lado direito? Ou uma cor diferente?

Até mais!
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar estilo de quando passa mouse no nome da pessoa

Mensagem por Steve_. 18.08.16 15:35

A cor diferente , igual a que eu mostrei , e gostaria que ficasse bem direita por cima do nome do usuário.

Obrigado
Steve_.

Steve_.
****

Membro desde : 14/08/2016
Mensagens : 255
Pontos : 403

https://ajuda.forumeiros.com/forum

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Mudar estilo de quando passa mouse no nome da pessoa

Mensagem por PrisoN†BreaK 18.08.16 15:45

Troque o código que está utilizando por este;
Código:
a[href="/u1"] strong {
position:relative;
}
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;
}

No lugar de u1, coloque o ID do usuário que vc quer que seja exibido. E em "TEXTO A EXIBIR" Você coloca o texto que deseja que seja exibido.
PrisoN†BreaK

PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar estilo de quando passa mouse no nome da pessoa

Mensagem por Steve_. 18.08.16 15:47

Ficou cinza , eu gostaria daquele verde meio claro
Steve_.

Steve_.
****

Membro desde : 14/08/2016
Mensagens : 255
Pontos : 403

https://ajuda.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mudar estilo de quando passa mouse no nome da pessoa

Mensagem por Cream 18.08.16 15:57

Olá,

Na sua folha de estilo CSS tente este código:
Código:
    a[href*="/u1"]  strong:hover:after {
      background-color: rgba(105,182,22,0.5);
      border-radius: 5px;
      bottom: 100px;
      color: #fff;
      content: "Fundador do Clã e do Fórum";
      display: inline-block;
      font-size: 10px;
      font-style: normal;
      font-weight: 700;
      right: 10px;
      padding: 2px;
      position: absolute;
      white-space: nowrap;
      z-index: 1;
    }
Resulta?
Até mais!
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar estilo de quando passa mouse no nome da pessoa

Mensagem por Steve_. 18.08.16 16:03

e excluo o atual? (Eu exclui e n aconteceu nada)
Steve_.

Steve_.
****

Membro desde : 14/08/2016
Mensagens : 255
Pontos : 403

https://ajuda.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mudar estilo de quando passa mouse no nome da pessoa

Mensagem por Cream 18.08.16 16:11

Steve_. escreveu:e excluo o atual? (Eu exclui e n aconteceu nada)
Como você mesmo disse que faltou só modificar a cor, encontre no código atual a parte que diz "background-color" e troque por:
Código:
background-color: rgba(105,182,22,0.5);

Funciona?
Até mais!
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar estilo de quando passa mouse no nome da pessoa

Mensagem por Steve_. 18.08.16 16:14

Funcionou , mas a cor que eu queria de fundo n e bem esse verde , um pouco mais escuro
Steve_.

Steve_.
****

Membro desde : 14/08/2016
Mensagens : 255
Pontos : 403

https://ajuda.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Mudar estilo de quando passa mouse no nome da pessoa

Mensagem por Cream 18.08.16 16:19

Steve_. escreveu:Funcionou , mas a cor que eu queria de fundo n e bem esse verde , um pouco mais escuro
Troque por:
Código:
background-color: #008000;
Você pode acessar este site e decidir qual verde você quer e trocar no código:
http://erikasarti.net/html/tabela-cores/

Até mais!
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar estilo de quando passa mouse no nome da pessoa

Mensagem por Steve_. 18.08.16 16:20

Ok , Obrigado , funcionou.
Steve_.

Steve_.
****

Membro desde : 14/08/2016
Mensagens : 255
Pontos : 403

https://ajuda.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar estilo de quando passa mouse no nome da pessoa

Mensagem por REVIEW 19.08.16 1:40

mudar - Mudar estilo de quando passa mouse no nome da pessoa Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos