Banner principal para forum Invision

3 participantes

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

Tópico resolvido Banner principal para forum Invision

Mensagem por Alberona 16.11.12 2:24

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: Banner principal para forum Invision Z784eBanner principal para forum Invision 5rPcS
Alberona

Alberona
Novo Membro

Membro desde : 16/11/2012
Mensagens : 13
Pontos : 21

http://servidordetesteely.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Banner principal para forum Invision

Mensagem por Tiffye 16.11.12 2:32

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!
Tiffye

Tiffye
***

Membro desde : 04/11/2012
Mensagens : 199
Pontos : 240

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Banner principal para forum Invision

Mensagem por Alberona 16.11.12 14:54

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

Alberona
Novo Membro

Membro desde : 16/11/2012
Mensagens : 13
Pontos : 21

http://servidordetesteely.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Banner principal para forum Invision

Mensagem por BrunoH. 16.11.12 16:01

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

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Banner principal para forum Invision

Mensagem por Tiffye 16.11.12 16:08

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
Tiffye

Tiffye
***

Membro desde : 04/11/2012
Mensagens : 199
Pontos : 240

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos