Arredondamento do final da categoria

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

Resolvido Arredondamento do final da categoria

Mensagem por #Dean em 10/03/14, 02:06 pm

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

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda em 10/03/14, 02:56 pm

Olá,

Poderia dizer em qual fórum que deseja isso?

Abraços. Feliz
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean em 10/03/14, 03:11 pm

O forum que eu vi, www.brasilplayforever.com.br
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda em 10/03/14, 03:19 pm

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
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean em 10/03/14, 03:30 pm

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
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda em 10/03/14, 03:41 pm

Tente:

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

Teria como passar o endereço do fórum?
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean em 10/03/14, 03:46 pm

Sem resultados! voltou para como era antes.
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean em 10/03/14, 08:34 pm

Alguém? preciso muito disso.
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

Ver perfil do usuário http://criandoainda.forumeiros.com
  • 0

Resolvido Re: Arredondamento do final da categoria

Mensagem por Hancki em 11/03/14, 07:58 am

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean em 11/03/14, 01:12 pm

Forum:
brasiliansamp.forumeiros.com
/\
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda em 11/03/14, 02:23 pm

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
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean em 11/03/14, 02:31 pm

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

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda em 11/03/14, 02:42 pm

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
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean em 11/03/14, 02:45 pm

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

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda em 11/03/14, 02:58 pm

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean em 11/03/14, 03:03 pm

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

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda em 11/03/14, 03:20 pm

Tenta criar mais um fórum nessa categoria.
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean em 11/03/14, 04:59 pm

já tentei n deu certo.
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda em 11/03/14, 05:07 pm

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean em 11/03/14, 05:12 pm

Olha lá tá invertido com esse outro.
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda em 11/03/14, 05:14 pm

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean em 11/03/14, 05:16 pm

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

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda em 11/03/14, 05:31 pm

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean em 11/03/14, 05:33 pm

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
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda em 11/03/14, 05:36 pm

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean em 11/03/14, 05:43 pm

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

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por Kyo Panda em 11/03/14, 05:55 pm

Remova:

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Arredondamento do final da categoria

Mensagem por #Dean em 11/03/14, 06:39 pm

obrigado.
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

Ver perfil do usuário http://criandoainda.forumeiros.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