Modificação das Categorias

Página 2 de 2 Anterior  1, 2

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

Resolvido Modificação das Categorias

Mensagem por IsmaelS. em 20/04/14, 12:21 am

Relembrando a primeira mensagem :

  • Descrição:
Olá,

Estou a testar umas coisas num fórum de testes e as categorias estão desta forma, aviso que é alterado por template ou seja tema da versão PunBB:



Se reparem está muito diferente do que o costume o que desejava era colocar desta forma:



Apenas queria deixar um espaço da barra da categoria uma borda a volta e colocar na ponta esquerda a informação do último post e no meio as informações de mensagens e tópicos! 

  • Informações:
Fórum:www.SuporteDesign.forumeiros.comVersão:PUNBB
Tipo:Erros diversosTags:Modificação,Categorias



Última edição por IsmaelS. em 25/04/14, 03:13 pm, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Modificação das Categorias

Mensagem por IsmaelS. em 25/04/14, 01:54 pm

Olá,

Isso mesmo perfeito se reparar agora dentro das categorias e nos sub-fóruns tem uns cinzas como atrás dos ícones de novas mensagens... e atrás das informações do último usuário que postou será possível colocar tudo em branco?

IsmaelS.
Usuário experiente

Inscrito dia : 24/11/2012
Mensagens : 2956

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Modificação das Categorias

Mensagem por Kyo Panda em 25/04/14, 01:58 pm

Adicione ao fim do CSS:

Código:
.pun table.table td {
  background-color: #fff;
}

Feliz

Kyo Panda
Super usuário

Inscrito dia : 08/01/2012
Mensagens : 4638

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

Resolvido Re: Modificação das Categorias

Mensagem por IsmaelS. em 25/04/14, 02:10 pm

Olá,

Resultou, agora será possível colocar uma borda a volta da categoria pois está sem nada a volta e dar um espaço para baixo da barra das categorias veja este exemplo:



O que está a preto é o que quero a volta uma borda simples, e a seta laranja é dar o tal espaço para baixo ficar mais ou menos como isto:


IsmaelS.
Usuário experiente

Inscrito dia : 24/11/2012
Mensagens : 2956

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Modificação das Categorias

Mensagem por Kyo Panda em 25/04/14, 02:16 pm

Ao fim do CSS: Feliz

Código:
.main > .main-content {
  border: 5px #333 solid;
}

td.tcl {
  padding-top: 20px !important;
  vertical-align: bottom !important;
}

Kyo Panda
Super usuário

Inscrito dia : 08/01/2012
Mensagens : 4638

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

Resolvido Re: Modificação das Categorias

Mensagem por IsmaelS. em 25/04/14, 02:17 pm

Olá,

A borda que está a volta será possível colocar da mesma forma que divide a meio os fóruns e mais grossa um bocadinho ?

IsmaelS.
Usuário experiente

Inscrito dia : 24/11/2012
Mensagens : 2956

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Modificação das Categorias

Mensagem por Kyo Panda em 25/04/14, 02:33 pm

Ao fim do CSS:

Código:
.pun .main-content .table .statused tr {
  border-bottom: 8px solid #333;
}

.pun .main-content .table .statused tr:last-child {
  border-bottom: none;
}

Dessa forma? 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: Modificação das Categorias

Mensagem por IsmaelS. em 25/04/14, 02:37 pm

Olá,

Deves ter confundido vê o as setas a preto é o risco que quero colocar à volta das categorias:


IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Modificação das Categorias

Mensagem por Kyo Panda em 25/04/14, 02:44 pm

Ops, acabei invertendo o desejado.

Procure pelo código que lhe passei:

Código:
.main > .main-content {
  border: 5px #333 solid;
}

E troque por esse:

Código:
.main > .main-content {
  border: 3px #DEE8F1 solid;
}

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: Modificação das Categorias

Mensagem por IsmaelS. em 25/04/14, 02:51 pm

Olá,

Isso mesmo amigo, agora se reparar onde tem as setas laranjas:



Queria dar mais espaço queria deixar +/- como aqui a FdF mais espaço entre cada categoria se me percebeu amigo!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Modificação das Categorias

Mensagem por Kyo Panda em 25/04/14, 02:57 pm

Ao fim do CSS:

Código:
.main > .main-content {
  margin-bottom: 10px;
}

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: Modificação das Categorias

Mensagem por IsmaelS. em 25/04/14, 03:02 pm

Olá,

Exactamente isso, está quase a terminar esta dúvida parece que é infinita, mas se reparar dentro das categorias os fóruns ficam um bocado para baixo:



Seria possível colocar mais para cima ?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Modificação das Categorias

Mensagem por Kyo Panda em 25/04/14, 03:07 pm

É o resultado do pedido anterior:
http://ajuda.forumeiros.com/t91482p30-modificacao-das-categorias#622727

Você pode regula-lo, mudando o padding-top: 20px !important; de 20 para um número menor. 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: Modificação das Categorias

Mensagem por IsmaelS. em 25/04/14, 03:12 pm

Olá,

Tudo perfeito agradeço imenso e desculpe pelo incomodo!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Página 2 de 2 Anterior  1, 2

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