Borda arredondada

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

Resolvido Borda arredondada

Mensagem por Appoloz em 29/04/12, 08:33 pm

Qual é minha questão:
Queria arredondar a borda dos avatar na mensagem do tópico.

Medidas que eu tomei para corrigir o problema:
Código:
 .post td[class*="row"][valign="top"][width="200"] center a[href*="/u"] img[alt]{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}

Links e imagens do meu problema:


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

Versão do meu fórum:
PHPBB2


Última edição por Appoloz em 02/05/12, 09:40 am, editado 1 vez(es)
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Borda arredondada

Mensagem por MateusV. em 30/04/12, 07:14 pm

Olá, adicione este codigo em seu CSS
.post .row1 img{
border-radius: 5px;
}

Até mais. De bem com a vida
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Borda arredondada

Mensagem por Appoloz em 30/04/12, 09:46 pm

Fica o avatar de um post redondo, o post seguinte não, terceiro post redondo, quarto não.
Fica um sim e o outro não.
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Borda arredondada

Mensagem por Sennior em 30/04/12, 10:40 pm

Olá,

Aceda em:
Painel de controle Flecha ajudeiros Visualização Flecha ajudeiros Imagens e cores Flecha ajudeiros Cores Folha de estilo CSS
Adicione o seguinte código.

Código:
.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}


Para saber mais, leia o seguinte tópico:

Atenciosamente! Café
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Borda arredondada

Mensagem por MateusV. em 01/05/12, 07:43 pm

Olá, o codigo passado acima irá arredondar as bordas do corpo do forum, peço que substitua o codigo por este
.post .row1 img, .post .row2 img{
border-radius: 5px;
}

Até mais. De bem com a vida
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Borda arredondada

Mensagem por Luciano98 em 01/05/12, 07:58 pm

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
.post td[class*="row"][valign="top"][width="200"] center a[href*="/u"] img[alt]{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}

Valide.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Borda arredondada

Mensagem por Appoloz em 02/05/12, 09:40 am

Podem fechar, obrigado pelos códigos, mas apenas o do Luciano98 funcionou ao meu gosto.
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.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