Efeito tooltip para usuários específicos Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Efeito tooltip para usuários específicos

4 participantes

Ir para baixo

Tópico resolvido Efeito tooltip para usuários específicos

Mensagem por iMont 14.11.15 17:27

Detalhes da questão


Endereço do fórum: http://www.nwdgames.com/forum
Versão do fórum: PhpBB3

Descrição


Código:

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

Bom, vejam na print o erro.

- http://prntscr.com/92po48

O nick circulado é onde eu passei o mouse e o outro destaque é onde foi parar o balão.
iMont
iMont
***

Membro desde : 25/01/2015
Mensagens : 172
Pontos : 274

http://www.nwdgames.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito tooltip para usuários específicos

Mensagem por MateusAnjosV 14.11.15 18:19

Boa tarde!

Eu executei o seu CSS no console e veja o resultado:
http://prntscr.com/92qcgd


Então... experimente limpar o cache, pois o código resulta.

Atenciosamente,
MateusAnjosV.
MateusAnjosV
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito tooltip para usuários específicos

Mensagem por iMont 14.11.15 20:46

Não resultou :/
iMont
iMont
***

Membro desde : 25/01/2015
Mensagens : 172
Pontos : 274

http://www.nwdgames.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito tooltip para usuários específicos

Mensagem por Chagas 14.11.15 22:51

iMont escreveu:Não resultou :/
Impossível ocorrer este situação, quando ao Mateus aplicou no Console e funciona perfeitamente, vamos fazer uma maneira que pode funcionar.

No meu console, reproduz direito o código que você mandou, antes de eu ajudar-o já tentou limpar seu navegador completo de todo histórico?

Bem eu pensei no caso, que eu posso fazer pelo JS que funcione direito, mas aquela imagem que me mandou lá cima no tópico inicial, funciona mais e fica do longe do seu nick correto?

Sempre foi caches e cookies a ocorrer este momento impossível e não justificativo, poderia nos informar que você modificou alguma coisa no código exceto o cor e texto do balão?

Até mais,
Cutie Rose
Chagas
Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito tooltip para usuários específicos

Mensagem por Fraise 14.11.15 22:54

Boa noite!

Troque o código por este:
Código:

a[href*="/u"] span[style="color:#FF0000"] strong {
  position:relative !important;
}
a[href*="/u"] span[style="color:#FF0000"] strong:hover:after{
  background-color:rgba(255,0,0,0.5) !important;
  border-radius:5px !important;
  bottom:15px !important;
  color:#fff !important;
  content:"Programador do servidor" !important;
  display:inline-block !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:700 !important;
  left:-90px !important;
  padding:2px !important;
  position:absolute !important;
  white-space:nowrap !important;
  z-index:1 !important;
}

Até mais.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito tooltip para usuários específicos

Mensagem por iMont 14.11.15 23:37

Obrigado à todos.

Deu certo Fraise, muito obrigado Piscada
iMont
iMont
***

Membro desde : 25/01/2015
Mensagens : 172
Pontos : 274

http://www.nwdgames.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito tooltip para usuários específicos

Mensagem por Fraise 14.11.15 23:39

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

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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