Borda dos avatares

Qual é minha questão:
Eu gostaria de saber se tem como todos os avatares dos membros ficarem com as bordas arredondadas.

Como neste fórum : https://2img.net/h/oi48.tinypic.com/s5d25i.png

Percebe-se que as bordas da imagem está arredondada. Teria como fazer isso em todos os avatares?

Links e imagens do meu problema:
Não é necessário.

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

Versão do meu fórum:
PHPBB2

Olá!

Sim, há como.

Acesse sua folha de estilos CSS e adicione o código abaixo:

.poster-profile img{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

Abraço.

Utiliza este, adicionei mais um, que penso que o Gabe se esqueceu.

Gabe escreveu:

.poster-profile img{border-radius:15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

killer999 escreveu:Utiliza este, adicionei mais um, que penso que o Gabe se esqueceu.

Gabe escreveu:

.poster-profile img{border-radius:15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

Sim, o que eu esqueci foi para o navegador Opera...

Abraço.

Boa Noite Senhor,
Abra a Folha CSS e Tente esse codigo:

Código:

.postprofile {
-moz-border-radius: 6px;
-moz-box-shadow: 2px 2px 2px #a8a180;
-webkit-border-radius: 6px;
-webkit-box-shadow: 2px 2px 2px #a8a180;
background: transparent url(LINKDAIMAGEMDEFUNDO);
background-color: #F2F2F2;
border: 1px solid gray;
border-radius: 6px;
box-shadow: 2px 2px 2px #a8a180;
height: 590px;
max-height: 1000px;
max-width: 260px;
overflow: auto;
overflow-x: hidden;
padding-right: 10px;
padding-top: 10px;
scrollbar-3dlight-color: #fff;
scrollbar-arrow-color: #f47b21;
scrollbar-darkshadow-color: #fff;
scrollbar-face-color: #FFF;
scrollbar-highlight-color: #c6c6c6;
scrollbar-shadow-color: #f47b21;
scrollbar-track-color: #fff;
width: 200px;
}
.postprofile, ul.profile-icons {
position: center!important;
text-align: center!important;
}
.postprofile {
border-color: #F7F7F7;
border-right-style: solid;
border-right-width: 1px;
color: black;
display: inline;
float: left;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
}

Resulta Senhor?

Atenciosamente,
Bruno.

Nenhum dos códigos resultou. Os avatares permaneceram com as bordas quadradas.

Boa Tarde Senhor,
Poderia falar qual é a versão do seu fórum?

PHPBB2

Olá!

Tente este:

span.postdetails.poster-profile img{
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

Abraço.

Não resultou.

Ola,

tente esse :

Código:


 .post span.postdetails a img:first-child {
moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius:  0px !important;

Ate mais !

Não resultou.

Olá!

Tem este código, mas certamente irá arredondar outras imagens:

Código:

#predictad_table th img, td  img {
-moz-border-radius: 15px !important;
-webkit-border-radius: 15px !important;
}

Hancki

Funcionou, só que arredondou TODAS as imagens. Acabou arredondando o menu, e não ficou legal D:

Olá!

Não entendo, o primeiro código deveria ter funcionado. Funcionou em meu fórum de testes pelo menos, hehe...

Vamos para mais uma tentativa, caso não funcione, peço que passe sua folha CSS, ok?

Eis o código:

td.row1 img, td.row2 img{
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

Abraço.

Engraçado, agora funcionou. Vlw ^^ Pode fechar.