Como arredondar as pontas do fórum

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

Resolvido Como arredondar as pontas do fórum

Mensagem por nejibyakugan em 07/12/13, 10:58 am

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, 04:39 pm, editado 1 vez(es)
avatar

nejibyakugan
Usuário destaque

Masculino
Inscrito dia : 08/08/2012
Mensagens : 541
Pontos Ativos : 898

Ver perfil do usuário http://pokemonmq.forumeiros.com/forum

Resolvido Re: Como arredondar as pontas do fórum

Mensagem por Consolado em 07/12/13, 11:10 am

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

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Como arredondar as pontas do fórum

Mensagem por nejibyakugan em 07/12/13, 01:19 pm

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.

avatar

nejibyakugan
Usuário destaque

Masculino
Inscrito dia : 08/08/2012
Mensagens : 541
Pontos Ativos : 898

Ver perfil do usuário http://pokemonmq.forumeiros.com/forum

Resolvido Re: Como arredondar as pontas do fórum

Mensagem por Consolado em 07/12/13, 02:14 pm

@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.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Como arredondar as pontas do fórum

Mensagem por nejibyakugan em 08/12/13, 09:52 am

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

nejibyakugan
Usuário destaque

Masculino
Inscrito dia : 08/08/2012
Mensagens : 541
Pontos Ativos : 898

Ver perfil do usuário http://pokemonmq.forumeiros.com/forum

Resolvido Re: Como arredondar as pontas do fórum

Mensagem por Jack Sparrow em 08/12/13, 02:16 pm

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}
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Como arredondar as pontas do fórum

Mensagem por nejibyakugan em 09/12/13, 07:25 pm

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.)
avatar

nejibyakugan
Usuário destaque

Masculino
Inscrito dia : 08/08/2012
Mensagens : 541
Pontos Ativos : 898

Ver perfil do usuário http://pokemonmq.forumeiros.com/forum

Resolvido Re: Como arredondar as pontas do fórum

Mensagem por MateusV. em 09/12/13, 07:33 pm

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como arredondar as pontas do fórum

Mensagem por nejibyakugan em 09/12/13, 07:36 pm

MatheusV seu código tá quase perfeito.

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

avatar

nejibyakugan
Usuário destaque

Masculino
Inscrito dia : 08/08/2012
Mensagens : 541
Pontos Ativos : 898

Ver perfil do usuário http://pokemonmq.forumeiros.com/forum

Resolvido Re: Como arredondar as pontas do fórum

Mensagem por MateusV. em 09/12/13, 07:42 pm

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como arredondar as pontas do fórum

Mensagem por nejibyakugan em 10/12/13, 08:14 pm

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

nejibyakugan
Usuário destaque

Masculino
Inscrito dia : 08/08/2012
Mensagens : 541
Pontos Ativos : 898

Ver perfil do usuário http://pokemonmq.forumeiros.com/forum

Resolvido Re: Como arredondar as pontas do fórum

Mensagem por Dr.Helper em 10/12/13, 08:14 pm

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

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

Dr.Helper
Usuário destaque

Masculino
Inscrito dia : 24/06/2012
Mensagens : 832
Pontos Ativos : 1231

Ver perfil do usuário http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Resolvido Re: Como arredondar as pontas do fórum

Mensagem por nejibyakugan em 10/12/13, 08:18 pm

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

nejibyakugan
Usuário destaque

Masculino
Inscrito dia : 08/08/2012
Mensagens : 541
Pontos Ativos : 898

Ver perfil do usuário http://pokemonmq.forumeiros.com/forum

Resolvido Re: Como arredondar as pontas do fórum

Mensagem por Dr.Helper em 10/12/13, 08:27 pm

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

Dr.Helper
Usuário destaque

Masculino
Inscrito dia : 24/06/2012
Mensagens : 832
Pontos Ativos : 1231

Ver perfil do usuário http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Resolvido Re: Como arredondar as pontas do fórum

Mensagem por nejibyakugan em 10/12/13, 11:12 pm

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

nejibyakugan
Usuário destaque

Masculino
Inscrito dia : 08/08/2012
Mensagens : 541
Pontos Ativos : 898

Ver perfil do usuário http://pokemonmq.forumeiros.com/forum

Resolvido Re: Como arredondar as pontas do fórum

Mensagem por Dr.Helper em 11/12/13, 04:13 pm

Adicione este code junto aos antigos

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

Até mais.
avatar

Dr.Helper
Usuário destaque

Masculino
Inscrito dia : 24/06/2012
Mensagens : 832
Pontos Ativos : 1231

Ver perfil do usuário http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum