Arredondamento do final da categoria

3 participantes

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

Tópico resolvido Arredondamento do final da categoria

Mensagem por #Dean 10.03.14 17:06

Qual é minha questão:
Gostaria de arredondar o meu fórum o finalzin da categoria desse estilo: http://prntscr.com/2zmgf1
E engrossar mais também, print da do meu fórum: http://prntscr.com/2zmh90
Gostaria de saber como eu posso fazer isso.
Obrigado

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

Versão do fórum:
PHPBB3


Última edição por #Dean em 11.03.14 21:39, editado 1 vez(es)
#Dean

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda 10.03.14 17:56

Olá,

Poderia dizer em qual fórum que deseja isso?

Abraços. Feliz
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean 10.03.14 18:11

O forum que eu vi, www.brasilplayforever.com.br
#Dean

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda 10.03.14 18:19

Tente adicionar isso à sua Folha de estilos CSS:

Código:
ul.forums {
  border-bottom: 5px solid #ffffff;
  border-radius: 0 0 40px 40px;
}

Mas como não sei qual o seu fórum, não tenho certeza se irá funcionar. Triste

Abraços. Feliz
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean 10.03.14 18:30

Infelizmente sem resultados, meu fórum é PHPBB3
Meu CSS:

Código:
div.topic-title-container {
   display: inline;
   font-size: 12px;
   text-align: center;
   }
#page-header #search-box {
display: none;
}
em{
font-style: normal;
}


.module .postbody .postbody-head {
background-color: #e5e6e7;
}

.post-footer {
background-color: #CCCCCC;
}

.post .post-header {
background-color: #CCCCCC;
}




.headerbar {margin-bottom:0;}

blockquote {
background-color:#CCCCCC;
}


a {
outline: none;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://img223.imageshack.us/img223/8213/gamesn.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}

#page-header .navbar {
-moz-border-radius: 0px 0px 0px 0px;
margin-left:-6px;
margin-right: -6px;
}

ul.forums {
  border-bottom: 5px solid #000000;
  border-radius: 0 0 40px 40px;
}

Como ficou: http://prntscr.com/2znc7g
#Dean

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda 10.03.14 18:41

Tente:

Código:
li.row {
  border: none;
  overflow: hidden;
}

Teria como passar o endereço do fórum?
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean 10.03.14 18:46

Sem resultados! voltou para como era antes.
#Dean

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean 10.03.14 23:34

Alguém? preciso muito disso.
#Dean

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por Hancki 11.03.14 10:58

Olá!

Eu tenho aqui o código com a solução, mas para o fornecer, preciso que nos indique o endereço do seu fórum, mesmo estando ainda em criação. Só assim o poderemos ajudar.

Hancki
Hancki

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean 11.03.14 16:12

Forum:
/\
#Dean

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda 11.03.14 17:23

Agora facilitou. Tente isso:

Código:
.forabg {
  border-radius: 0 0 5px 5px;
  padding: 0;
  background: #000;
  border-width: 5px;
}

.forabg .corners-bottom {
  display: none;
}

ul.topiclist.forums {
  background: #fff;
}

ul.topiclist.forums:last-of-type {
  border-radius: 0 0 40px 40px;
  overflow: hidden;
}

Abraços. Muito feliz
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean 11.03.14 17:31

Agora deu certo mais porque a Imagem de fundo das tabelas não tá aparecendo?
#Dean

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda 11.03.14 17:42

Eu a removi. Pensei que não queria aquelas duas bordas. Mas se a deseja, remova essa parte do código:

Código:
.forabg .corners-bottom {
  display: none;
}

Abraços. Feliz
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean 11.03.14 17:45

Não deu certo como pode ver lá, ah e aqui tbm tem como arredondar as bordas? http://prntscr.com/2zx7eo
#Dean

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda 11.03.14 17:58

Acho que entendi o que quer. Tente trocar por esse:

Código:
.forabg {
  border-radius: 0 0 5px 5px;
  padding: 0;
  background: #000;
  border-width: 5px;
}

.forabg .corners-bottom,
.forabg .corners-top {
  display: none;
}

ul.topiclist.forums {
  background: #fff;
}

ul.topiclist.forums:last-of-type {
  border-radius: 0 0 40px 40px;
  overflow: hidden;
  padding-bottom: 20px;
}

.corners-top + ul.topiclist + ul.topiclist.forums {
  border-radius: 40px 40px 0 0;
  overflow: hidden;
  padding-top: 20px;
}
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean 11.03.14 18:03

Agora ficou invertido e não arredondou as pontas, é do outro jeito mesmo com as pontas arredondas.
#Dean

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda 11.03.14 18:20

Tenta criar mais um fórum nessa categoria.
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean 11.03.14 19:59

já tentei n deu certo.
#Dean

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda 11.03.14 20:07

EDIT: Tente esse CSS: Feliz

Código:
.forabg {
  border-radius: 0 0 5px 5px;
  padding: 0;
  background: #000;
  border-width: 5px;
}

.forabg .corners-bottom,
.forabg .corners-top {
  display: none;
}

ul.topiclist.forums {
  background: #fff;
}

ul.topiclist.forums:last-of-type {
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  overflow: hidden;
  padding-bottom: 20px;
}

.corners-top + ul.topiclist + ul.topiclist.forums {
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  overflow: hidden;
  padding-top: 20px;
}
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean 11.03.14 20:12

Olha lá tá invertido com esse outro.
#Dean

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda 11.03.14 20:14

Tá complicado isso aí em XD. Mas assim que é legal: Feliz

Tente:

Código:
.forabg {
  border-radius: 0 0 5px 5px;
  padding: 0;
  background: #000;
  border-width: 5px;
}

.forabg .corners-bottom,
.forabg .corners-top {
  display: none;
}

ul.topiclist.forums {
  background: #fff;
  border-radius: 40px;
  overflow: hidden;
  padding-top: 20px;
}
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean 11.03.14 20:16

Agora tá pra cima é bugado rsrs'
obrigado por está me ajudando rsrs'
#Dean

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda 11.03.14 20:31

D:

Tente:

Código:
.forabg {
  border-radius: 0 0 5px 5px;
  padding: 0;
  background: #000;
  border-width: 5px;
}

.forabg .corners-bottom,
.forabg .corners-top {
  display: none;
}

ul.topiclist.forums {
  background: #fff;
  border-radius: 40px;
  overflow: hidden;
  padding: 20px 0;
}
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean 11.03.14 20:33

Ainda não está lá :S
Aqui uma print de exatamente como eu quero http://prntscr.com/2zz1ky forum que eu vi www.brasilplayforever.com.br/forum
#Dean

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda 11.03.14 20:36

Nyeh:

Código:
.forabg {
  border-radius: 5px;
  padding: 0;
  background: #000;
  border-width: 5px;
}

.forabg .corners-bottom,
.forabg .corners-top {
  display: none;
}

ul.topiclist.forums {
  background: #fff;
  border-radius: 0 0 40px 40px;
  overflow: hidden;
  padding: 0 0 20px;
}

ul.topiclist.forums .row {
   border: none;
}
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean 11.03.14 20:43

Perfeito mais aqui sabe como eu coloco aquela linha que tava aqui http://prntscr.com/2zz61f onde tá essa de vermelha na cor cinza? vlw.
#Dean

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda 11.03.14 20:55

Remova:

Código:
ul.topiclist.forums .row {
  border: none;
}
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean 11.03.14 21:39

obrigado.
#Dean

#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.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

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