Efeito hover perfil

Detalhes da questão

Endereço do fórum: http://narutottebayoteste.forumeiros.com/t1-seu-primeiro-topico
Versão do fórum: PhpBB3

Descrição

@edit:

quero todos os campos (mensagens, perfil, mp) igual ao campo de data de inscrição, aquela barra fininha, um em cima do outro
No momento, o campo de perfil e mp são icones, gostaria que ficasse somente o nome, para se igualar aos outros campos

Antes de fazer isso, o senhor terá que remover o efeito que já está no seu fórum. As regras CSS possuem mikae no nome.

Editei o pedido

Só pra deixar claro: quero todos os campos (mensagens, perfil, mp) igual ao campo de data de inscrição, aquela barra fininha, um em cima do outro
No momento, o campo de perfil e mp são icones, gostaria que ficasse somente o nome, para se igualar aos outros campos

Procure no seu CSS por isso:

Código:

.pr-campo:first-child #pr-dato {
    background: #000;
    display: inline-block;
    font-family: sans-serif;
    font-size: 12px;
    font-variant: normal;
    font-weight: lighter;
    line-height: 24px;
    margin-left: 86px;
    margin-top: -66px;
    padding: 15px 10px;
    text-align: center;
    text-transform: lowercase;
    width: 69px;
}

Código:

#pr-conta {
    display: inline-block;
    height: 66px;
    width: 116px;
}

E os remova.

Após adicione ao CSS:

Código:

#pr-conta {
  text-align: center;
}

#pr-conta a {
  background-color: #000;
}

Os ícones continuam
(o ícone de perfil e mp são imagens escrito perfil e mp na verdade kk)
sem falar que o MENSAGENS está bem desalinhado

Esse código:

Código:

.pr-campo:first-child #pr-dato {
    background: #000;
    display: inline-block;
    font-family: sans-serif;
    font-size: 12px;
    font-variant: normal;
    font-weight: lighter;
    line-height: 24px;
    margin-left: 86px;
    margin-top: -66px;
    padding: 15px 10px;
    text-align: center;
    text-transform: lowercase;
    width: 69px;
}

Ainda está no seu CSS.

Arrumado.
Agora resta colocar o 8 mensagens certinho (ta com um pulo de linha)
E colocar no lugar da foto, escrito.

Adicione ao CSS:

Código:

.pr-campo:first-child #pr-dato:after {
  display: inline-block;
  margin-left: 5px;
}

Isso corrige o número.

Já as imagens não rolará, pois não tenho acesso a essas variáveis no HTML e, mesmo que seja possível fazer com jQuery, é um peso na página e muitas condicionais para que não hajam erros.

As imagens tem que ser criadas com:

• Tamanho de fonte de 8px;
  
• Espaçamento entre letras de 2px;
  
• Fonte Verdana

Para ficar igual ao texto.

O campo de mensagens ainda fica com um espaçamento de linha...

Eu não encontrei o código passado na folha de CSS do seu fórum. Verifique se o código inserido está lá e que está no fim da folha de CSS.

Havia colocado no início, valeu xD