Banner principal para forum Invision

3 participantes

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

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 desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

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

Ir para o topo

- T贸picos semelhantes

 
Permiss玫es neste sub-f贸rum
N茫o podes responder a t贸picos