Efeito tooltip para usuários específicos

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.

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.

Não resultou :/

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

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

Obrigado à todos.

Deu certo Fraise, muito obrigado