Arredondamento do final da categoria

Qual é minha questão:
Gostaria de arredondar o meu fórum o finalzin da categoria desse estilo: http://prntscr.com/2zmgf1
E engrossar mais também, print da do meu fórum: http://prntscr.com/2zmh90
Gostaria de saber como eu posso fazer isso.
Obrigado

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

Versão do fórum:
PHPBB3

Olá,

Poderia dizer em qual fórum que deseja isso?

Abraços.

O forum que eu vi, www.brasilplayforever.com.br

Tente adicionar isso à sua Folha de estilos CSS:

Código:

ul.forums {
  border-bottom: 5px solid #ffffff;
  border-radius: 0 0 40px 40px;
}

Mas como não sei qual o seu fórum, não tenho certeza se irá funcionar.

Abraços.

Infelizmente sem resultados, meu fórum é PHPBB3
Meu CSS:

Código:

div.topic-title-container {
   display: inline;
   font-size: 12px;
   text-align: center;
   }
#page-header #search-box {
display: none;
}
em{
font-style: normal;
}


.module .postbody .postbody-head {
background-color: #e5e6e7;
}

.post-footer {
background-color: #CCCCCC;
}

.post .post-header {
background-color: #CCCCCC;
}




.headerbar {margin-bottom:0;}

blockquote {
background-color:#CCCCCC;
}


a {
outline: none;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://img223.imageshack.us/img223/8213/gamesn.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}

#page-header .navbar {
-moz-border-radius: 0px 0px 0px 0px;
margin-left:-6px;
margin-right: -6px;
}

ul.forums {
  border-bottom: 5px solid #000000;
  border-radius: 0 0 40px 40px;
}

Como ficou: http://prntscr.com/2znc7g

Tente:

Código:

li.row {
  border: none;
  overflow: hidden;
}

Teria como passar o endereço do fórum?

Sem resultados! voltou para como era antes.

Alguém? preciso muito disso.

Olá!

Eu tenho aqui o código com a solução, mas para o fornecer, preciso que nos indique o endereço do seu fórum, mesmo estando ainda em criação. Só assim o poderemos ajudar.

Hancki

Forum:

/\

Agora facilitou. Tente isso:

Código:

.forabg {
  border-radius: 0 0 5px 5px;
  padding: 0;
  background: #000;
  border-width: 5px;
}

.forabg .corners-bottom {
  display: none;
}

ul.topiclist.forums {
  background: #fff;
}

ul.topiclist.forums:last-of-type {
  border-radius: 0 0 40px 40px;
  overflow: hidden;
}

Abraços.

Agora deu certo mais porque a Imagem de fundo das tabelas não tá aparecendo?

Eu a removi. Pensei que não queria aquelas duas bordas. Mas se a deseja, remova essa parte do código:

Código:

.forabg .corners-bottom {
  display: none;
}

Abraços.

Não deu certo como pode ver lá, ah e aqui tbm tem como arredondar as bordas? http://prntscr.com/2zx7eo

Acho que entendi o que quer. Tente trocar por esse:

Código:

.forabg {
  border-radius: 0 0 5px 5px;
  padding: 0;
  background: #000;
  border-width: 5px;
}

.forabg .corners-bottom,
.forabg .corners-top {
  display: none;
}

ul.topiclist.forums {
  background: #fff;
}

ul.topiclist.forums:last-of-type {
  border-radius: 0 0 40px 40px;
  overflow: hidden;
  padding-bottom: 20px;
}

.corners-top + ul.topiclist + ul.topiclist.forums {
  border-radius: 40px 40px 0 0;
  overflow: hidden;
  padding-top: 20px;
}

Agora ficou invertido e não arredondou as pontas, é do outro jeito mesmo com as pontas arredondas.

Tenta criar mais um fórum nessa categoria.

já tentei n deu certo.

EDIT: Tente esse CSS:

Código:

.forabg {
  border-radius: 0 0 5px 5px;
  padding: 0;
  background: #000;
  border-width: 5px;
}

.forabg .corners-bottom,
.forabg .corners-top {
  display: none;
}

ul.topiclist.forums {
  background: #fff;
}

ul.topiclist.forums:last-of-type {
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  overflow: hidden;
  padding-bottom: 20px;
}

.corners-top + ul.topiclist + ul.topiclist.forums {
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  overflow: hidden;
  padding-top: 20px;
}

Olha lá tá invertido com esse outro.

Tá complicado isso aí em XD. Mas assim que é legal:

Tente:

Código:

.forabg {
  border-radius: 0 0 5px 5px;
  padding: 0;
  background: #000;
  border-width: 5px;
}

.forabg .corners-bottom,
.forabg .corners-top {
  display: none;
}

ul.topiclist.forums {
  background: #fff;
  border-radius: 40px;
  overflow: hidden;
  padding-top: 20px;
}

Agora tá pra cima é bugado rsrs'
obrigado por está me ajudando rsrs'

D:

Tente:

Código:

.forabg {
  border-radius: 0 0 5px 5px;
  padding: 0;
  background: #000;
  border-width: 5px;
}

.forabg .corners-bottom,
.forabg .corners-top {
  display: none;
}

ul.topiclist.forums {
  background: #fff;
  border-radius: 40px;
  overflow: hidden;
  padding: 20px 0;
}

Ainda não está lá :S
Aqui uma print de exatamente como eu quero http://prntscr.com/2zz1ky forum que eu vi www.brasilplayforever.com.br/forum

Nyeh:

Código:

.forabg {
  border-radius: 5px;
  padding: 0;
  background: #000;
  border-width: 5px;
}

.forabg .corners-bottom,
.forabg .corners-top {
  display: none;
}

ul.topiclist.forums {
  background: #fff;
  border-radius: 0 0 40px 40px;
  overflow: hidden;
  padding: 0 0 20px;
}

ul.topiclist.forums .row {
   border: none;
}

Perfeito mais aqui sabe como eu coloco aquela linha que tava aqui http://prntscr.com/2zz61f onde tá essa de vermelha na cor cinza? vlw.

Remova:

Código:

ul.topiclist.forums .row {
  border: none;
}

obrigado.