Posicionar topo do fórum

[PrisoN†BreaK]

Detalhes da questão

Endereço do fórum: brasilplayfreedom.forumeiro.com
Versão do fórum: PunBB

Descrição

Minha categoria ta assim: 
https://imgur.com/a/c7RBy
Eu gostaria de coloca  assim:

https://imgur.com/a/QDEZx

Ela um pouco emcima do banner, com ele arredondamento na ponta e essa parte azul em cima.

[REVIEW]

Olá,
adiciona esse código em sua CSS

Código:

.main .main-foot, .main .main-head{
    background: #1c1f25!important;;
    border-bottom: 1px solid rgba(0,0,0,.20);
    border-radius: 0 0 4px 4px;
    border-top: 3px solid #54c6fe!important;;
    box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    color: #FFF;
    font-family: Ubuntu;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 15px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 2px 0 rgba(0,0,0,0.14);
    text-transform: uppercase;
}

Seria isso?

Até mais.

[PrisoN†BreaK]

Não resultou.

[REVIEW]

Troque o código por este

Código:

.pun{
border-top: 5px solid #54c6fe!important;
border-radius: 5px!important;
}

Seria isso?

Até.

[PrisoN†BreaK]

Certo, resulto, agora ele teria que fica mais em cima, para que ficasse um pouco em cima do banner:

tipo aqui:

http://www.brasilplaycarbon.com/

[REVIEW]

Certo, troque o código por este:

Código:

.pun {
    border-top: 5px solid #54c6fe!important;
    border-radius: 5px!important;
    position: relative;
    top: -121px!important;;
}

Resulta?

Até.

[PrisoN†BreaK]

Quando eu adicionei o código, essa parte de baixo subiu: https://imgur.com/MoVT84D
Teria como arruma?

[REVIEW]

Adiciona esse código na sua folha de CSS.

Código:

footer {margin-top: -52px!important;padding: 15px!important;;}

Resulta?

Até mais.

[PrisoN†BreaK]

Resolvido, obrigado.

[REVIEW]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".