Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Arredondar bordas

4 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

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

Tópico resolvido Arredondar bordas

Mensagem por Joker™ 12.04.12 20:21

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
Joker™

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas

Mensagem por Troubleshoot 12.04.12 20:25

Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas

Mensagem por Joker™ 12.04.12 20:35

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...
Joker™

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas

Mensagem por Troubleshoot 12.04.12 20:38

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!
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas

Mensagem por Joker™ 12.04.12 20:44

Não modificou nada...
Joker™

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Arredondar bordas

Mensagem por Roevs 12.04.12 22:45

Tente este

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

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas

Mensagem por Joker™ 13.04.12 1:03

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...
Joker™

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Arredondar bordas

Mensagem por Roevs 13.04.12 1:07

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;
}
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas

Mensagem por Joker™ 13.04.12 1:18

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

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Arredondar bordas

Mensagem por Roevs 13.04.12 1:22

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;
}
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas

Mensagem por Joker™ 13.04.12 1:27

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?
Joker™

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Arredondar bordas

Mensagem por Luciano98 15.04.12 15:54

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

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas

Mensagem por Joker™ 17.04.12 21:39

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...
Joker™

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

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