Banner principal para forum Invision

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Banner principal para forum Invision

Mensagem por Alberona em 16/11/12, 12:24 am

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/
http://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:

http://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:
avatar

Alberona
Nível 2

Masculino
Inscrito dia : 16/11/2012
Mensagens : 13
Pontos Ativos : 21

Ver perfil do usuário http://servidordetesteely.forumeiros.com/

Resolvido Re: Banner principal para forum Invision

Mensagem por Tiffye em 16/11/12, 12:32 am

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 'http://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 'http://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!
avatar

Tiffye
Nível 9

Feminino
Inscrito dia : 04/11/2012
Mensagens : 199
Pontos Ativos : 240

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Banner principal para forum Invision

Mensagem por Alberona em 16/11/12, 12:54 pm

@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 'http://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 'http://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" http://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.
avatar

Alberona
Nível 2

Masculino
Inscrito dia : 16/11/2012
Mensagens : 13
Pontos Ativos : 21

Ver perfil do usuário http://servidordetesteely.forumeiros.com/

Resolvido Re: Banner principal para forum Invision

Mensagem por BrunoH. em 16/11/12, 02:01 pm

Olá!
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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 Flecha ajudeiros Adicione o URL da imagem desejada,
e Valide!

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Banner principal para forum Invision

Mensagem por Tiffye em 16/11/12, 02:08 pm

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! Piscada
avatar

Tiffye
Nível 9

Feminino
Inscrito dia : 04/11/2012
Mensagens : 199
Pontos Ativos : 240

Ver perfil do usuário http://ajuda.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum