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:



Como eu gostaria que ficasse:

Efeito meio redondo:

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!

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

Obrigado

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.

Ficou cinza , eu gostaria daquele verde meio claro

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!

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

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!

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

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!

Ok , Obrigado , funcionou.