Qual é minha questão:
Oi!
Queria colocar uma espécie de moldura à volta de cada perfil. Mas apenas queria colocar essa moldura quando o rato está sobre o avatar desse usuário nos posts.

Endereço do meu fórum:
http://ball2dpt.forumeiros.com

Versão do fórum:
PUNBB

Olá amigo, adicione este código ao seu CSS:

Código:


.pun .post .user:hover {
  border: 2px solid #EEE;
  border-radius: 10px;
  -webkit-transform:scale(1.0);
  -moz-transform:scale(1.0);
  -o-transform:scale(1.0);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}


Espero que resolva.
Jpjupa.

Alterou sim, mas a borda está há volta do avatar e dos dados do user, e queria borda apenas à volta do avatar, mas que a imagem não se mexesse, apenas ficasse a borda quando lá passa o rato.

Retire o código antigo, e substitua por esse:

Código:


.pun .user-ident .user-basic-info a img:hover {
border: 2px solid #EEE;
}


Abraço.
Jpjupa.

amigo agora quando passo o rato por cima do avatar ele mexe e não tem moldura nenhuma a preto.

Olá,

Senhor, não entendi muito bem como você deseja poderia ser mais especifico? me mande uma print de como você deseja a sua moldura.


Até mais,
Passar bem.  

Aqui está amigo - https://i.imgur.com/aWobL9n.png

Olá,

Senhor, remova o código passado anteriormente e adicione este código em sua folha de estilo CSS:

Código:

.pun .user-ident .user-basic-info a img:hover {
background: #fff;
padding: 2px;
border: 1px solid #000;
}

Até mais,
Passar bem.  

Finalmente a borda ficou.
Mas há um problema que persiste, quando passo o rato o avatar se mexe também, não dá para tirar isso?

Olá,

Senhor, adicione mais este código em sua folha de estilo CSS:

Código:

.pun .user-ident .user-basic-info a img {
background: transparent;
padding: 2px;
border: 1px solid transparent;
}

Até mais,
Passar bem.  

Finalmente como quis
Um grande obrigado, amigo.