Borda dos avatares

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Borda dos avatares

Mensagem por Caneta Azul em 20/06/12, 08:38 pm

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 : http://i48.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


Última edição por Caneta Azul em 22/06/12, 12:08 pm, editado 1 vez(es)
avatar

Caneta Azul
Nível 7

Masculino
Inscrito dia : 23/03/2012
Mensagens : 96
Pontos Ativos : 150

Ver perfil do usuário http://rpgheroisdolimpo.forumeiros.com/

Resolvido Re: Borda dos avatares

Mensagem por Gabe em 20/06/12, 08:50 pm

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.
avatar

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5770
Pontos Ativos : 7546

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Borda dos avatares

Mensagem por killer999 em 20/06/12, 10:12 pm

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;
}

avatar

killer999
Nível 9

Masculino
Inscrito dia : 25/03/2008
Mensagens : 230
Pontos Ativos : 249

Ver perfil do usuário http://www.narutoportugalrpg.com

Resolvido Re: Borda dos avatares

Mensagem por Gabe em 20/06/12, 10:50 pm

@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... Piscada

Abraço.
avatar

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5770
Pontos Ativos : 7546

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Borda dos avatares

Mensagem por [S.W.A.T]Bruno_. em 20/06/12, 11:02 pm

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.
avatar

[S.W.A.T]Bruno_.
Nível 9

Masculino
Inscrito dia : 15/02/2012
Mensagens : 208
Pontos Ativos : 314

Ver perfil do usuário http://deltanwd.forumeiros.com/

Resolvido Re: Borda dos avatares

Mensagem por Caneta Azul em 21/06/12, 02:08 pm

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

Caneta Azul
Nível 7

Masculino
Inscrito dia : 23/03/2012
Mensagens : 96
Pontos Ativos : 150

Ver perfil do usuário http://rpgheroisdolimpo.forumeiros.com/

Resolvido Re: Borda dos avatares

Mensagem por [S.W.A.T]Bruno_. em 21/06/12, 02:17 pm

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

[S.W.A.T]Bruno_.
Nível 9

Masculino
Inscrito dia : 15/02/2012
Mensagens : 208
Pontos Ativos : 314

Ver perfil do usuário http://deltanwd.forumeiros.com/

Resolvido Re: Borda dos avatares

Mensagem por Caneta Azul em 21/06/12, 02:34 pm

PHPBB2
avatar

Caneta Azul
Nível 7

Masculino
Inscrito dia : 23/03/2012
Mensagens : 96
Pontos Ativos : 150

Ver perfil do usuário http://rpgheroisdolimpo.forumeiros.com/

Resolvido Re: Borda dos avatares

Mensagem por Gabe em 21/06/12, 02:58 pm

Olá!

Tente este:

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

Abraço.
avatar

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5770
Pontos Ativos : 7546

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Borda dos avatares

Mensagem por Caneta Azul em 21/06/12, 03:10 pm

Não resultou.
avatar

Caneta Azul
Nível 7

Masculino
Inscrito dia : 23/03/2012
Mensagens : 96
Pontos Ativos : 150

Ver perfil do usuário http://rpgheroisdolimpo.forumeiros.com/

Resolvido Re: Borda dos avatares

Mensagem por UsuarioX em 21/06/12, 04:59 pm

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 ! Esportes
avatar

UsuarioX
Usuário destaque

Masculino
Inscrito dia : 03/01/2012
Mensagens : 713
Pontos Ativos : 918

Ver perfil do usuário http://www.zonetoony.net/

Resolvido Re: Borda dos avatares

Mensagem por Caneta Azul em 21/06/12, 05:42 pm

Não resultou.
avatar

Caneta Azul
Nível 7

Masculino
Inscrito dia : 23/03/2012
Mensagens : 96
Pontos Ativos : 150

Ver perfil do usuário http://rpgheroisdolimpo.forumeiros.com/

Resolvido Re: Borda dos avatares

Mensagem por Hancki em 21/06/12, 06:53 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Borda dos avatares

Mensagem por Caneta Azul em 21/06/12, 07:57 pm

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

Caneta Azul
Nível 7

Masculino
Inscrito dia : 23/03/2012
Mensagens : 96
Pontos Ativos : 150

Ver perfil do usuário http://rpgheroisdolimpo.forumeiros.com/

Resolvido Re: Borda dos avatares

Mensagem por Gabe em 21/06/12, 08:54 pm

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? Feliz

Eis o código:

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

Abraço.
avatar

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5770
Pontos Ativos : 7546

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Borda dos avatares

Mensagem por Caneta Azul em 22/06/12, 12:08 pm

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

Caneta Azul
Nível 7

Masculino
Inscrito dia : 23/03/2012
Mensagens : 96
Pontos Ativos : 150

Ver perfil do usuário http://rpgheroisdolimpo.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum