Borda curvada nos posts

4 participantes

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

Tópico resolvido Borda curvada nos posts

Mensagem por Seishi 02.03.13 1:31

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):

Borda curvada nos posts Demonjc

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 16:34, editado 1 vez(es)
Seishi

Seishi
***

Membro desde : 23/08/2010
Mensagens : 155
Pontos : 227

http://opiece-rpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda curvada nos posts

Mensagem por .Danni. 02.03.13 12:29

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

.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda curvada nos posts

Mensagem por [F]lames 02.03.13 13:14

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.
[F]lames

[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda curvada nos posts

Mensagem por Seishi 02.03.13 17:12

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

Seishi
***

Membro desde : 23/08/2010
Mensagens : 155
Pontos : 227

http://opiece-rpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda curvada nos posts

Mensagem por Seishi 03.03.13 16:58

Up
Seishi

Seishi
***

Membro desde : 23/08/2010
Mensagens : 155
Pontos : 227

http://opiece-rpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda curvada nos posts

Mensagem por Kojitani 04.03.13 23:17

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
Kojitani

Kojitani
***

Membro desde : 02/02/2013
Mensagens : 173
Pontos : 257

http://sobrevivencialistabr.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos