Borda curvada nos posts
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Borda curvada nos posts
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
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 16:34, editado 1 vez(es)
Re: Borda curvada nos posts
Olá,
Para arredondar, tente o seguinte código:
Já para o espaço entre os posts, não sei como fazer, se alguma outra pessoa souber, irá te ajudar.
Cordialmente,
The Boss
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
Re: Borda curvada nos posts
Olá,
Utilize este CSS, os dois efeitos estão no mesmo:
Até mais.
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;}
Até mais.
Re: Borda curvada nos posts
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...
E a borda pontilhada dos posts cinzas ficou meio arredondada também. Vou tentar arrumar aqui, mas provavelmente não irei conseguir...
Re: Borda curvada nos posts
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
acho que o 351% ali que deve ter dado problema - não??? joga pra 98% e veja se resulta
Tópicos semelhantes
» Como deixar a borda do fórum curvada?
» Borda envolta dos posts
» Colocar borda ao redor dos posts
» Cor de posts
» Cor dos posts
» Borda envolta dos posts
» Colocar borda ao redor dos posts
» Cor de posts
» Cor dos posts
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos