Barra da categoria

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

Resolvido Barra da categoria

Mensagem por PrisoN†BreaK em 11/08/17, 10:39 am

Detalhes da questão


Endereço do fórum: http://testadordetemas.forumeiro.com/
Versão do fórum: PunBB

Descrição


Quero a barra da minha categoria assim: http://imgur.com/a/OVUMi

Essa parte que marquei em preto, somente ela..
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1236
Pontos Ativos : 1740

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

Resolvido Re: Barra da categoria

Mensagem por PrisoN†BreaK em 13/08/17, 10:20 am

Up
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1236
Pontos Ativos : 1740

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

Resolvido Re: Barra da categoria

Mensagem por Harleen em 14/08/17, 10:21 pm

Olá, como exatamente você quer a barra? mudar a cor, a letra...

Especifique melhor a questão.

Até mais
avatar

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1532
Pontos Ativos : 1986

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/ https://go.topicit.net/ZosT/ZanjVxxqwI

Resolvido Re: Barra da categoria

Mensagem por PrisoN†BreaK em 15/08/17, 04:41 pm

Eu gostaria da mesma barra da categoria da print, pode deixar a mesma fonte, mude so a cor para vermelho
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1236
Pontos Ativos : 1740

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

Resolvido Re: Barra da categoria

Mensagem por PrisoN†BreaK em 19/08/17, 10:04 am

UP
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1236
Pontos Ativos : 1740

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

Resolvido Re: Barra da categoria

Mensagem por PrisoN†BreaK em 21/08/17, 10:35 am

UP
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1236
Pontos Ativos : 1740

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

Resolvido Re: Barra da categoria

Mensagem por PrisoN†BreaK em 22/08/17, 10:26 pm

UP
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1236
Pontos Ativos : 1740

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

Resolvido Re: Barra da categoria

Mensagem por PrisoN†BreaK em 25/08/17, 10:20 am

UP
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1236
Pontos Ativos : 1740

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

Resolvido Re: Barra da categoria

Mensagem por AlexG em 25/08/17, 10:32 am

Olá, poderia indicar o fórum em que viu essa barra por favor?

Obrigado.
avatar

AlexG
Nível 9

Masculino
Inscrito dia : 09/09/2016
Mensagens : 237
Pontos Ativos : 401

Ver perfil do usuário https://mundogoph.org/
  • 0

Resolvido Re: Barra da categoria

Mensagem por Kyo Panda em 25/08/17, 10:43 am

Adicione ao seu CSS:

Código:
.main .main-head {
    background-color: #1a1a1a;
    background-image: none;
    color: #ccc;
    padding: 0 20px;
    line-height: 40px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0 !important;
    position: relative;
}

.main-head h2,
.main-head h3 {
    font-weight: normal;
}

.pocoyo {
    margin-bottom: 10px;
}

.main-head .collapse {
    display: block;
    visibility: visible !important;
    top: 0;
    margin-top: 0 !important
}

.main-head .collapse::before {
    font-family: FontAwesome;
    content: "\f078";
    color: #ccc;
    font-size: 16px;
}

.main-head .collapse img {
  display: 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: Barra da categoria

Mensagem por PrisoN†BreaK em 25/08/17, 11:29 am

Só uma coisinha, tem como deixa com as pontas quadradas ou um pouquinho arredondada? tipo o da fórumeiros?
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1236
Pontos Ativos : 1740

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

Resolvido Re: Barra da categoria

Mensagem por Kyo Panda em 25/08/17, 11:42 am

No CSS, é só mudar essa parte:

Código:
border-radius: 10px 10px 0 0;

Mudando o 10px para o desejado. Eu chuto que 3px seja o suficiente.
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: Barra da categoria

Mensagem por PrisoN†BreaK em 25/08/17, 11:48 am

Obrigado por me responder, resolvido, muito obrigado mesmo.

@EDIT

só uma pequena dúvida, tem como aumentar a largura da barra?

E qual código?
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1236
Pontos Ativos : 1740

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

Resolvido Re: Barra da categoria

Mensagem por Kyo Panda em 25/08/17, 12:55 pm

A largura é relativo a largura do fórum, então depende do tamanho da tela do usuário. Agora se se refere a diferença que fica na ponta da categoria:

Código:
.main .main-content {
    width: 100% !important;
    box-sizing: border-box;
}
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: Barra da categoria

Mensagem por PrisoN†BreaK em 25/08/17, 05:40 pm

Obrigado amigo, resolvido.

Eu amo você
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1236
Pontos Ativos : 1740

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

Resolvido Re: Barra da categoria

Mensagem por Kyo Panda em 25/08/17, 05:42 pm

o/

---
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
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

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