Borda curvada nos posts

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

Resolvido Borda curvada nos posts

Mensagem por Seishi em 01/03/13, 10:31 pm

Qual é minha questão:
Gostaria que os posts do meu fórum fossem separados por caixas separadas e as bordas curvadas, igual às deste fórum (e da imagem):



Endereço do meu fórum:
http://opiece-rpg.forumeiros.com

Versão do fórum:
PHPBB2


Última edição por Seishi em 05/03/13, 01:34 pm, editado 1 vez(es)
avatar

Seishi
Nível 9

Masculino
Inscrito dia : 22/08/2010
Mensagens : 155
Pontos Ativos : 227

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

Resolvido Re: Borda curvada nos posts

Mensagem por .Danni. em 02/03/13, 09:29 am

Olá,

Para arredondar, tente o seguinte código:
Código:
table.three-col tbody tr:first-child td[width="100%"] table.forumline tbody tr.post td.row1 {border-radius: 5px 0px 0px 5px;}
table.three-col tbody tr:first-child td[width="100%"] table.forumline tbody tr.post td.row1 + td[width="100%"] {border-radius: 0px 5px 5px 0px;}
table.three-col tbody tr:first-child td[width="100%"] table.forumline tbody tr.post td.row2 {border-radius: 5px 0px 0px 5px;}
table.three-col tbody tr:first-child td[width="100%"] table.forumline tbody tr.post td.row2 + td[width="100%"] {border-radius: 0px 5px 5px 0px;}

Já para o espaço entre os posts, não sei como fazer, se alguma outra pessoa souber, irá te ajudar.

Cordialmente,
The Boss
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Borda curvada nos posts

Mensagem por [F]lames em 02/03/13, 10:14 am

Olá,

Utilize este CSS, os dois efeitos estão no mesmo:

Código:
table.three-col tbody tr:first-child td[width="100%"] table.forumline tbody tr.post td.row1 + td[width="100%"] {border-bottom-right-radius: 4px;}
table.three-col tbody tr:first-child td[width="100%"] table.forumline tbody tr.post td.row2 {border-bottom-right-radius: 4px;}
table.three-col tbody tr:first-child td[width="100%"] table.forumline tbody tr.post td.row1 {border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
table.three-col tbody tr:first-child td[width="100%"] table.forumline tbody tr.post td.row2 {border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
table.forumline tbody tr.post {width: 351%;display: block;margin-bottom: 6px;}
table.forumline tbody tr.post td[width="100%"] table tbody tr td {border-top-right-radius: 4px;}
Resulta ?

Até mais.
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

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

Resolvido Re: Borda curvada nos posts

Mensagem por Seishi em 02/03/13, 02:12 pm

O tamanho dos posts ficou gigante. http://opiece-rpg.forumeiros.com/t15-testesdasdas

E a borda pontilhada dos posts cinzas ficou meio arredondada também. Vou tentar arrumar aqui, mas provavelmente não irei conseguir...
avatar

Seishi
Nível 9

Masculino
Inscrito dia : 22/08/2010
Mensagens : 155
Pontos Ativos : 227

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

Resolvido Re: Borda curvada nos posts

Mensagem por Seishi em 03/03/13, 01:58 pm

Up
avatar

Seishi
Nível 9

Masculino
Inscrito dia : 22/08/2010
Mensagens : 155
Pontos Ativos : 227

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

Resolvido Re: Borda curvada nos posts

Mensagem por Kojitani em 04/03/13, 08:17 pm

table.forumline tbody tr.post {width: 351%;display: block;margin-bottom: 6px;}

acho que o 351% ali que deve ter dado problema - não??? joga pra 98% e veja se resulta
avatar

Kojitani
Nível 9

Masculino
Inscrito dia : 02/02/2013
Mensagens : 173
Pontos Ativos : 257

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