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.

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.

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ópicos, Mensagens e Ultima Mensagem

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.

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.

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.

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

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

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

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.

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

Poderia mim conceder sua folha de CSS?

Até mais.

Olá, mandei via MP.

Podem fechar, já foi resolvido..