Como arredondar as pontas do fórum

5 participantes

Ir para baixo

Tópico resolvido Como arredondar as pontas do fórum

Mensagem por nejibyakugan 07.12.13 12:58

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


Última edição por nejibyakugan em 11.12.13 18:39, editado 1 vez(es)
nejibyakugan
nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como arredondar as pontas do fórum

Mensagem por Consolado 07.12.13 13:10

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Como arredondar as pontas do fórum

Mensagem por nejibyakugan 07.12.13 15:19

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
nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como arredondar as pontas do fórum

Mensagem por Consolado 07.12.13 16:14

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.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Como arredondar as pontas do fórum

Mensagem por nejibyakugan 08.12.13 11:52

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.
nejibyakugan
nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como arredondar as pontas do fórum

Mensagem por Jack Sparrow 08.12.13 16:16

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}
Jack Sparrow
Jack Sparrow
Super Membro

Membro desde : 23/04/2011
Mensagens : 1223
Pontos : 1801

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como arredondar as pontas do fórum

Mensagem por nejibyakugan 09.12.13 21:25

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.)
nejibyakugan
nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como arredondar as pontas do fórum

Mensagem por MateusV. 09.12.13 21:33

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.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como arredondar as pontas do fórum

Mensagem por nejibyakugan 09.12.13 21:36

MatheusV seu código tá quase perfeito.

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

nejibyakugan
nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como arredondar as pontas do fórum

Mensagem por MateusV. 09.12.13 21:42

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.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como arredondar as pontas do fórum

Mensagem por nejibyakugan 10.12.13 22:14

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.
nejibyakugan
nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como arredondar as pontas do fórum

Mensagem por Dr.Helper 10.12.13 22:14

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

Modifique a parte em negrito a seu gosto.
Abraços.
Dr.Helper
Dr.Helper
Membro

Membro desde : 25/06/2012
Mensagens : 832
Pontos : 1231

http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Ir para o topo Ir para baixo

Tópico resolvido Re: Como arredondar as pontas do fórum

Mensagem por nejibyakugan 10.12.13 22:18

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

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como arredondar as pontas do fórum

Mensagem por Dr.Helper 10.12.13 22:27

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.
Dr.Helper
Dr.Helper
Membro

Membro desde : 25/06/2012
Mensagens : 832
Pontos : 1231

http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Ir para o topo Ir para baixo

Tópico resolvido Re: Como arredondar as pontas do fórum

Mensagem por nejibyakugan 11.12.13 1:12

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.
nejibyakugan
nejibyakugan
Membro

Membro desde : 09/08/2012
Mensagens : 541
Pontos : 898

http://pokemonmq.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como arredondar as pontas do fórum

Mensagem por Dr.Helper 11.12.13 18:13

Adicione este code junto aos antigos

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

Até mais.
Dr.Helper
Dr.Helper
Membro

Membro desde : 25/06/2012
Mensagens : 832
Pontos : 1231

http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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