Banner principal para forum Invision

Bom dia/Boa tarde/Boa noite pessoal, eu gostaria de saber como eu vou adicionar um banner de tamanho grande no meu forum.

http://servidordetesteely.forumeiros.com/
https://i.imgur.com/Z784e.png

Como vocês podem ver, o tamanho do banner é pequeno e simples, e ele se encontra no canto. Eu quero algo grande e pegue toda a área da esquerda pra direita.

Atenção, eu não quero um banner, eu quero o código para adicionar na minha folha CSS, quero que o banner fique entre a barra azul e preta.. eu fiz no Photoshop como irá ficar:

https://i.imgur.com/5rPcS.png

Entenderam? Onde está o mini banner escrito "Drops" eu quero adiconar um banner grande que pegue toda a extensão da esquerda a direita. Mas, se eu simplesmente mudar o atual, ele passa por cima da barra azul superior e da barra cinza abaixo. Eu quero que o banner fique entre as duas. O tamanho do banner será 1300 x 300.

Obrigado.

Meu forum é invision.

---

Fórum: http://servidordetesteely.forumeiros.com/ (Invision)

Imagens do problema:

Buenas Noches!

Peço que aceda:
Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de Estilo CSS

Faça uma 'busca' no teu CSS por 'body' ou 'https://i.imgur.com/uyuqu.png' , substitua o código abaixo pelo o atual que encontra-se na sua CSS:

Código:

body {
background-image: url('http://i.imgur.com/5rPcS.png');
background-repeat: repeat-x;
background-position: top center;
background-attachment: scroll;
}

Se o senhor também desejar centralizar a imagem da logo que corresponde ao link 'https://i.imgur.com/S21Pl.png' adicione na tua CSS o código abaixo:

Código:

div#logostrip #logo {
min-height: 100px;
text-align: left;
margin-left: 0px;
width: 100%;
margin-top: -5px;
}

Touks!

Naoko escreveu:Buenas Noches!

Peço que aceda:
Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de Estilo CSS

Faça uma 'busca' no teu CSS por 'body' ou 'https://i.imgur.com/uyuqu.png' , substitua o código abaixo pelo o atual que encontra-se na sua CSS:

Código:

body {
background-image: url('http://i.imgur.com/5rPcS.png');
background-repeat: repeat-x;
background-position: top center;
background-attachment: scroll;
}

Se o senhor também desejar centralizar a imagem da logo que corresponde ao link 'https://i.imgur.com/S21Pl.png' adicione na tua CSS o código abaixo:

Código:

div#logostrip #logo {
min-height: 100px;
text-align: left;
margin-left: 0px;
width: 100%;
margin-top: -5px;
}

Touks!

Desculpe, acho que expliquei mal... Eu quero adicionar uma banner (imagem) do tamanho 1300x300 que pega toda a extensão do fórum, mas eu quero que a imagem fiquei entre a barra azul e preta, como mostra a imagem "Banner Aqui" https://i.imgur.com/5rPcS.png

Igual aqui: http://sites.levelupgames.com.br/Forum/grandchase/forums/
Tem um banner entre uma linha preta e o "Home e Forum", eu quero isso.

Olá!
Aceda a "Folha de Estilo CSS":

Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

body {background-attachment: scroll;background-image: url(IMAGEM) !important;background-position: 50% 0%;background-repeat: repeat-x;}

Em IMAGEM Adicione o URL da imagem desejada,
e Valide!

Até mais!

Olá!

O código para ficar como a levelup, é este:

Código:

body {
padding: 0 0 24px 0;
margin: 0;
width: 100%;
overflow: hidden;
border-top: solid 10px #3A477A;
background-image: url(../images/common/header-gradient.png);
background-repeat: repeat-x;
background-position: left top;
border-top-color: #0B1919;
background-image: url(/Forum/grandchase/sitefiles/1002/Lin2nd.jpg);
background-color: white;
}

Até mais!