Como arredondar as pontas do fórum

Qual é minha questão:
Pessoal olhem as imagens abaixo:

Spoiler:

   

Spoiler:

Spoiler:

Esses são exemplos das pontas do fórum,eu quero que todas as pontas sejam arredondados,das widgets,dos tópicos etc...

Mas não quero que as categorias fiquem igual bolinhas,quero que só arredonde as pontas de cima.

Como faço pra arredondar essas pontas?

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

Versão do fórum:
PUNBB

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS

Código:

#pun-head #pun-navlinks, .main-box, #frame_chatbox{-moz-border-radius:10px;-webkit-border-radius: 10px}.main .main-head{border-top-left-radius:10px;border-top-right-radius:10px}

Valide.

Até mais.

O código ficou perfeito,mas tem um porém.

Eu pedi pra que na área que fica as CATEGORIAS é pra arredondar só em cima,mas no outros lugares tipo chatbox,tópicos,é pra arredondar embaixo também.

nejibyakugan escreveu:Eu pedi pra que na área que fica as CATEGORIAS é pra arredondar só em cima,mas no outros lugares tipo chatbox,tópicos,é pra arredondar embaixo também.

Mas o código já faz isso. Não deu certo?

Até mais.

Na verdade ele arredonda só a parte de cima,fazendo com que a parte de baixo continue quadrada.

Eu quero que os quadrados sejam arredondados tanto em cima quanto embaixo.

Obs-Não quero que virem circulos,só quero tirar as pontas.(em outras palavras,na área onde fica as categorias,só arredonda a parte de cima,e os tópicos,só arredonda a parte de baixo.)


E tem mais uma coisa,tem alguns quadrados que não foram arredondados.

Eu postei aquelas imagens,mas não é só aquelas que quero arredondar,são todas as pontas do fórum,eu quero arredondar todas.

Troque o código do Today por esse aqui:

Código:

#pun-head #pun-navlinks, .main-box, #frame_chatbox{-moz-border-radius:10px;-webkit-border-radius: 10px}.main .main-head{border-radius:10px}

Não,você não entendeu.

o código do Today foi o que chegou mais perto.

Eu quero que tudo fique arredondado NAS PONTAS,só pra não ficar tudo pontudo igual tá atualmente,não quero que virem circulos igual as categorias ficam quando coloquei seu código,quero só levemente arredondado(todas as pontas do fórum,menos a de baixo das categorias,a de baixo dos tópicos sim,mas das categorias não.)

Olá,

Use este código:

Código:

#pun-head #pun-navlinks, .main-box, #frame_chatbox{-moz-border-radius:10px;-webkit-border-radius: 10px}.main{border-radius:10px;border-radius:10px}

#main .main-head{border-top-left-radius:10px;border-top-right-radius:10px;}


Abraços.

MatheusV seu código tá quase perfeito.

Só falta arredondar a parte debaixo do lugar onde fica os tópicos.

Substitua por este:

Código:

#pun-head #pun-navlinks, .main-box, #frame_chatbox{-moz-border-radius:10px;-webkit-border-radius: 10px}.main{border-radius:10px;border-radius:10px}

#main .main-head{border-top-left-radius:10px;border-top-right-radius:10px;}
.paged-foot.clearfix {
   
  border-bottom-left-radius:10px;border-bottom-right-radius:10px;
}

Abraços.

Teve o mesmo resultado do primeiro código enviado pelo Today.


Se ajudar vou tentar simplificar:

Eu quero que todos os quadrados do meu fórum,fiquem levemente arredondados NAS PONTAS.

O principal problema é que tem alguns códigos que quando coloco,as categorias ficam circulares,eu só quero arredondado nas pontas.

.main .module main .main-content {
border-radius: 10px !important;
}

Modifique a parte em negrito a seu gosto.
Abraços.

Seu código não resultou em nada Dr.Helper.

Tente este outro:

.main {
border-radius: 10px !important;
}

.main-content {
border-radius: 10px !important;
}

.module main {
border-radius: 10px !important;
}

Caso ele também não resulte,tente este:

.main {
border-radius: 10px !important;
}

.main-content {
border-radius: 10px !important;
}

.module-main {
border-radius: 10px !important;
}

Vá modificando o valor em negrito até chegar a sua preferência.
Abraços.

Cara seu código tá perfeito(somado ao do today).

Falta só uma ultima coisa:

Spoiler:

Tá vendo nessa imagem?O código não terminou de arredondar,a unica coisa que o código fez foi apagar a linha azul,mas  não arredondou.

Adicione este code junto aos antigos

Código:

#onlinelist {
border-radius: 12px !important;
}

Até mais.