Barra da categoria

3 participantes

Ir para baixo

Tópico resolvido Barra da categoria

Mensagem por Luan Diias 28.07.16 4:06

Detalhes da questão


Endereço do fórum: http://gsf-nwd.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá Convidado !!


Então, vamos lá...


Essa é a barrinha atual do meu fórum: https://imgur.com/EIB7h5W
Essa é a barrinha que desejo: https://imgur.com/jnYHIw7


Essa BARRINHA que desejo por, deve ser da seguinte forma: Aonde está preto, deve ser verde (#32CD32 ) e aonde está vermelho, deve ser preto (#000000 ).


OBS: A barrinha deve fica na mesma performasse da outra. No caso, a que eu quero deve ser igual a barrinha que estou usando como base, não é preciso ter o contorno em volta do quadrado das categorias, e sim apenas fica na horizontal e colando nas duas laterias sem espaço entre a lateral e a barrinha. O tamanho da fonte deve ser de acordo com a da imagem base. Tudo é pra ser igual, mudando apenas as cores, no qual citei acima.
 
Caso queiram se aprimorar na barrinha base, visite o fórum que eu vi ela: http://www.nwdgames.com/forum.
Luan Diias
Luan Diias
**

Membro desde : 12/05/2016
Mensagens : 72
Pontos : 111

http://testegsf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra da categoria

Mensagem por REVIEW 28.07.16 4:55

Olá,
adiciona o seguinte código em sua folha de estilo CSS.
Código:
.forabg{
   clear: both;
    margin-bottom: 4px;
    padding: 0 5px;
    width: 1289px;
    margin-left: -13px;
}
.icon{
   background-color:#32CD32;
   border-bottom:1px solid #DE0000;
   border-radius:2px 2px 0 0;
   box-shadow:black 0 -2px 0 inset;
   color:#FFF;
}
Seria esse tipo de resultado?

Até mais.
REVIEW
REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra da categoria

Mensagem por Luan Diias 28.07.16 11:09

Não ficou. Ficou bem estranho, quero muda apenas a barrinha, Print do resultado: https://imgur.com/elG68Gi


OBS: A barra que quero mudar, é aonde tem escrito 'Grove Street FamilieS' e do outro lado tem TópicosMensagens e Ultima Mensagem
Luan Diias
Luan Diias
**

Membro desde : 12/05/2016
Mensagens : 72
Pontos : 111

http://testegsf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra da categoria

Mensagem por while 28.07.16 14:16

Olá autor, retire o código fornecido e ponha esse código em sua folha de estilo css:

Código:
.forabg {
    background-color: #2a2c33!important;
    border-bottom: 2px solid #DE0000;
    border-radius: 2px 2px 0 0;
    box-shadow: red 0 -2px 0 inset;
    color: #fff;
    padding:7px;
    position: relative;
        }
        span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {background:none!important;}

Está bom desse estilo?
Até mais.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra da categoria

Mensagem por Luan Diias 28.07.16 17:30

Resultado: https://imgur.com/u2IIDMW


É possível remover essa barrinha vermelha que ficou  ? E engrossar mas a barra.

E se não for muito, que remova as laterias e em baixo, deixa apenas a barra de cima.
Luan Diias
Luan Diias
**

Membro desde : 12/05/2016
Mensagens : 72
Pontos : 111

http://testegsf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra da categoria

Mensagem por REVIEW 28.07.16 17:51

Olá, troque o código por este:
Código:
.forabg{
   background-color:#2a2c33!important;
   border-bottom:2px solid #2a2c33;
   box-shadow:#2a2c33 0 -2px 0 inset;
   color:#FFF;
   padding:7px;
   position:relative;
}
seria isso?

Até mais.
REVIEW
REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra da categoria

Mensagem por Luan Diias 28.07.16 19:05

Tem como tirar as laterias e em baixo, deixa só a barrinha pura ?
Luan Diias
Luan Diias
**

Membro desde : 12/05/2016
Mensagens : 72
Pontos : 111

http://testegsf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra da categoria

Mensagem por REVIEW 28.07.16 19:09

Boas,
troque por este:
Código:
.forabg {
    background-color: #2a2c33!important;
    border-bottom: 1px solid #2a2c33;
    color: #FFF;
    padding: 0px;
    position: relative;
}
Seria esse resultado?

Até.
REVIEW
REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra da categoria

Mensagem por Luan Diias 28.07.16 19:35

Olá ! 

Sim é, porém, gostaria que a barra encostasse nas laterais do fórum, sem esse espaço que ficou e também que tirasse a barrinha preta que ficou embaixo >>> https://imgur.com/qAeHi0B
Luan Diias
Luan Diias
**

Membro desde : 12/05/2016
Mensagens : 72
Pontos : 111

http://testegsf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra da categoria

Mensagem por REVIEW 28.07.16 19:40

Olá!
Troque o código por este;
Código:
.topiclist forums{border-top: 4px solid #000000!important;}
.forabg{
   background-color: transparent!important;
   border-bottom:none !important;
   width: 1285px!important;
   position: relative;
   left: -8px;
}
Ver se lhe agrada.
Até mais.
REVIEW
REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra da categoria

Mensagem por Luan Diias 28.07.16 20:22

Olha como ficou > https://imgur.com/0VqeESk
Luan Diias
Luan Diias
**

Membro desde : 12/05/2016
Mensagens : 72
Pontos : 111

http://testegsf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra da categoria

Mensagem por REVIEW 28.07.16 20:27

Poderia mim conceder sua folha de CSS?

Até mais.
REVIEW
REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra da categoria

Mensagem por Luan Diias 28.07.16 21:24

Olá, mandei via MP.
Luan Diias
Luan Diias
**

Membro desde : 12/05/2016
Mensagens : 72
Pontos : 111

http://testegsf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra da categoria

Mensagem por Luan Diias 30.07.16 0:29

Podem fechar, já foi resolvido..
Luan Diias
Luan Diias
**

Membro desde : 12/05/2016
Mensagens : 72
Pontos : 111

http://testegsf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra da categoria

Mensagem por REVIEW 30.07.16 0:33

Barra da categoria Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
REVIEW
REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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