BORDA E REDIMENSIONAMENTO DE UNS ICONES NO PERFIL!

Tipo, no Perfil dos usuários que possuem Icones no perfil (pré-determinados pelo fundador), esses icones possuem uma Borda, que da um efeito que estão dentro de um quadrado... e também eu percebi que existe um código que tem a função nesses icones de redimensionar todos os icones dessa barra com as mesmas dimensões!

Exemplo: nesse perfil apresentado acima a imagem do Pokemon aparece com um tamanho pequeno, padrão para todos os outros icones... já no link da imagem, a imagem original é muuuuito maior que o icone!
Por favor, esse código seria muito util, peço-lhe o compartilhamento do mesmo!
Com a borda e o redimensionamento.

Olá Convidado!

adicione ao seu css:

Código:

.pun .user .user-info img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 30px;
margin-bottom: 5px;
padding: 1px;
vertical-align: middle;
width: 30px;
}

Olá, no meu caso funcionou Quase perfeitamente!
O Icone de "ONLINE" a bolinha verde, também atuou sobre ele o efeito do código css, como eu faria para deixar apenas ele sem a borda ?

Adicione ao css:

Código:

#i_icon_online {
-moz-box-shadow: 0 0px 0px;
-webkit-box-shadow: 0 0px 0px;
background: transparent;
border: 0px;
box-shadow: 0 0px 0px;
height: auto;
width: auto;
}

Olá, Deu certo para o Icone de ONLINE, agora deu o mesmo problema para:
o icone de "Mensagens" que é uma carta ao lado...
o icone de Thanks(obrigado) uma mãozinha ao lado...

pode mostrar print?

Olá Daemon, tipo, ta dando assim, a borda esta atuando em TODAS as imagens que tem no Perfil... Exemplo:

[icone de uma carta]Mensagens: 1544878
O "Icone de uma Carta" ta ficando com a borda tbm, do msm geito que em "Agradecimentos" ta ficando com a borda num mini-icone de uma maozinha do lado do nome...
Até na barra de WARNING ta ficando com borda ¬¬

Isso porque o efeito vai se aplicar em todas as imagens que estiverem nos perfis. :s'