Arredondar bordas

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

Resolvido Arredondar bordas

Mensagem por Joker™ em 12/04/12, 04:21 pm

Qual é minha questão:
Quero saber como arredondar as bordas do forum, categorias, foruns, tópicos, post's... enfim tudo que puder? Isso porque é na PUNBB e não estão arredondadas... Mas na PHPBB3 ficava...

Eu mudei recentemente de tema

Medidas que eu tomei para corrigir o problema:
Procurei algumas formas de arredonda, mas só consegui colocar uma borda com sombra ao redor do fórum e arredondar as bordas de onde se escreve os post's...

Links e imagens do meu problema:


Endereço do meu fórum:
tudaki.forumeiros.com

Versão do meu fórum:
PUNBB
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Arredondar bordas

Mensagem por Troubleshoot em 12/04/12, 04:25 pm

avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Arredondar bordas

Mensagem por Joker™ em 12/04/12, 04:35 pm

O primeiro tópico eu já tinha feito agora esse segundo foi muito util... Mas ficou estranho pois só o nome de titulos ficava com as bordas arredondadas, a parte debaixo não... da uma olhada no meu fórum que tu entende... O mesmo para os post's e etc...
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Arredondar bordas

Mensagem por Troubleshoot em 12/04/12, 04:38 pm

Tente utilizar este código na 'Folha CSS' :

Código:
dd.lastpost {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

dd.posts, dd.topics {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

Não remova o código que você adicionou!
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Arredondar bordas

Mensagem por Joker™ em 12/04/12, 04:44 pm

Não modificou nada...
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Arredondar bordas

Mensagem por iPrompt em 12/04/12, 06:45 pm

Tente este

Código:
.pun .main-content {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 1px solid #000000;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Arredondar bordas

Mensagem por Joker™ em 12/04/12, 09:03 pm

Ai funcionou... realmente as bordas ficaram arredondadas... mas teve um problema...

Sabe o fundo... quando fica com cor... ele fica quadrado e fica saindo para fora das bordas... tem como arredondar o fundo também?

E outra coisa... eu queria que também ficasse outras duas áreas arredondadas... uma é a parte onde fica os links "Ver minhas menhsagens", "Ver as..." etc... Os links de rodapé.. a parte dos post's onde fica os botões... etc.. enfim eu só não queria ter bordas quadradas no fórum...

Mas já mudou a maioria delas da uma olhada no site...

Obrigado antes de tudo...
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Arredondar bordas

Mensagem por iPrompt em 12/04/12, 09:07 pm

Poderia tirar o Código de proteger o Fórum para ficar mais fácil de fazer o Código ?

Adiciona mais este código para os Links do Rodapé


Código:
#pun-foot {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 1px solid #000000;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Arredondar bordas

Mensagem por Joker™ em 12/04/12, 09:18 pm

Pronto, mas o fundo do rodapé também ta quadrado e por cima das bordas...
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Arredondar bordas

Mensagem por iPrompt em 12/04/12, 09:22 pm

Troca o código por este

Código:
#pun-foot {
-moz-border-radius: 10px; !important!
-webkit-border-radius: 10px;
border: 1px solid #000000;
}

Se não Resultar tente este

Código:
#pun-foot {
-moz-border-radius: 10;
-webkit-border-radius: 10px;
border: 1px solid #000000;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Arredondar bordas

Mensagem por Joker™ em 12/04/12, 09:27 pm

Não... o problema não é a borda em questão... é o fundo(cores de fundo)... então basicamente eu posso dizer o fundo fica quadrado e portanto por cima das bordas... ou seja, eu quero deixar o fundo(cores de fundo) arredondados e não quadrados, como aparece... Podendo assim, acompanhar o arredondamento das bordas entendeu?
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Arredondar bordas

Mensagem por Luciano98 em 15/04/12, 11:54 am

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
.module,#pun-visit,.user_login_form,.main-box{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.module .main-content{-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.main-head{-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px}

Valide.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Arredondar bordas

Mensagem por Joker™ em 17/04/12, 05:39 pm

Não deu certo... mas eu descobri um meio... eu peguei um css PUNPHP para trans formar em PHPBB3 e procurei a css até achar... obrigado mesmo assim...
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

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