Tamanho do banner

Qual é minha questão:
Gostava de meter o banner do meu forum a ocupar todo o espaço disponível para ficar assim do género: 



Atenção que isto é só um exemplo feito pelo photoshop mas eu queria que ocupasse essa area toda. 

Endereço do meu fórum:
http://check-point.foruns.com.pt

Versão do fórum:
PHPBB3

qual será o tamanho ?

Olá!

Não sei, vá ajustando.

Até mais.

Olá.

Se for o que eu entendi, o código é este:

Código:

#page-header .headerbar .inner #logo-desc a img {
min-width: 100%;
max-height: 100%;
}

No início da folha de estilo CSS.

Este código tem o objetivo de deixar o banner ocupando todo o espaço disponível para ele, sem alterar as proporções.

Valide e veja se deu  resultado esperado.

Boa noite!

No mais, poderá usar esta classe:

Código:

.headerbar{background-size: 500px;}


<li> Coloque o código no inicio de teu CSS.

Valide e veja o resultado.

Abraços!

Como assim, qual será o código certo ?

Olá!

O código que eu passei irá lhe aumentar à logo. Tente novamente.

Até mais.

eu quero que o banner fique parecido com este: http://demo.phpbb3styles.net/Alpha

Não entendi o jeito que quer.

Todavia, por acaso testou o código que lhe passei?

Sim testei e não deu resultado.

Eu quero que o banner fique do jeito que está no link que dei agora mas com a imagem até as bordas laterais e a de cima do forum.

Olá!

Troque por este:

Código:

.headerbar {
background-image: url(http://i77.servimg.com/u/f77/17/32/13/00/banner10.jpg);
background-repeat: repeat-x;
margin: -5px;
text-align: left;
width: 99%;
padding: 1.1px 9px;
}

Troque o endereço pelo do logo que deseja.

Resulta?

fez com que os meu de navegação ficasse mal.

Acrescente o código a seguir na folha, se não resultar remova todos esses que eu lhe cedi.

Código:

#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
margin-left: -8.2px;
margin-right: -21.1px;
position: relative;
left: 1px;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
display: none!important;
}

Obs.: Se não resultar, retire-os.

Até mais!

Já retirei.

Olá!

O senhor ao menos testou o código que eu lhe forneci?

Código:

        #logo img{display:none !important;} #site-title h1 {display:none !important;} .headerbar{background-color: transparent;background: url(ENDEREÇO_DA_IMAGEM) no-repeat;}

Até mais.

Sim testei, não funcionou.

Certo vamos fazer com este código:

Código:

.headerbar {
background: url('http://i.imgur.com/kWdS09G.png');
margin: -5px!important;
}

Troque o endereço no código, pelo do logo desejado.

Resulta?

Podem fechar, desisti da ideia, obrigado a todos que tentaram ajudar.