Duas imagens background

+3
Switch
Nickname
James_Tube
7 participantes

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

Tópico resolvido Duas imagens background

Mensagem por James_Tube 20.10.12 22:04

Qual é minha questão:
Bom, estou refazendo o design de meu fórum, entao, tive a ideia de colocar duas imagens ao fundo, uma no topo, e outra no final, de forma que fiquem fixas, quando eu tolar pelo forum , elas nao descerem ou subirem junto, nao tem como colocar em uma imagem só, pelo fato de que, meu forum pode aumentar de tamanho e a imagem ficar menor. Tentei de varias formas, mas não tive exito, gostaria da ajuda de voces para resolver esta questão.
Desde já, obrigado

Links e imagens do meu problema:
Imagem do topo: https://2img.net/h/oi48.tinypic.com/258uovt.png
Imagem do Final: https://2img.net/h/oi47.tinypic.com/etblt3.png

Endereço do meu fórum:
http://brasilcariocagames.forumeiros.com

Versão do meu fórum:
PHPBB3


Última edição por James_Tube em 24.10.12 20:56, editado 3 vez(es)
James_Tube

James_Tube
Novo Membro

Membro desde : 20/10/2012
Mensagens : 9
Pontos : 11

http://brasilcariocagames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por Nickname 20.10.12 22:08

Olá,
Isso somente será possivel, se uma imagem tiver duas imagens. Para isso, peça uma imagem na seção de Criações gráficas, mas somente com 30 mensagem ela será aberta para você.

Melhores cumprimentos
Nickname

Nickname
Super Membro

Membro desde : 13/11/2011
Mensagens : 1553
Pontos : 2049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por James_Tube 20.10.12 22:11

Então, as imagens estao sendo feitas por mim mesmo, sou designer grafico, mas o problema é que se for uma imagem só, ficará pequena se meu fórum aumentar.
James_Tube

James_Tube
Novo Membro

Membro desde : 20/10/2012
Mensagens : 9
Pontos : 11

http://brasilcariocagames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por Switch 20.10.12 22:27

Para usar 2 background só usar esse código

Código:

body
{
background-image:url(LINK-IMG-1), url(LINK-IMG-2);
}

Só que ia ser melhor você postar as imagens para poder arrumar as propriedades de repetição e posição delas na página.
Switch

Switch
***

Membro desde : 02/06/2012
Mensagens : 154
Pontos : 248

http://spdesign.ativoforum.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por James_Tube 20.10.12 23:19

Aqui vão as imagens:
Imagem do topo:
https://2img.net/h/oi48.tinypic.com/258uovt.png

Imagem do Final:
https://2img.net/h/oi47.tinypic.com/etblt3.png

Elas terão que ficar paradas, quando eu descer ou subir, não se mecherem junto.
James_Tube

James_Tube
Novo Membro

Membro desde : 20/10/2012
Mensagens : 9
Pontos : 11

http://brasilcariocagames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por Convidado 20.10.12 23:39

Boas Querido!
belas imagens do gta 5 tente este
Código:
body{position: fixed; top: 0px; left: 0px; width: 100%;
background-image:url(http://i48.tinypic.com/258uovt.png), url(http://i47.tinypic.com/etblt3.png);
}
resultou?
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por James_Tube 21.10.12 0:14

Bom foi um avanço já, as imagens apareceram, só que, não consigo mover o forum, ficou travado. Elas terião que posicionar se de acordo com que o forum fosse aumentando.
James_Tube

James_Tube
Novo Membro

Membro desde : 20/10/2012
Mensagens : 9
Pontos : 11

http://brasilcariocagames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por James_Tube 21.10.12 6:31

UP
James_Tube

James_Tube
Novo Membro

Membro desde : 20/10/2012
Mensagens : 9
Pontos : 11

http://brasilcariocagames.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Duas imagens background

Mensagem por Ace 21.10.12 10:36

Olá,

Utilize os seguintes códigos:

Código:
body{
position: fixed;
background-image:url(http://i48.tinypic.com/258uovt.png);
background-position: top;
}

body{
position: fixed;
background-image: url(http://i47.tinypic.com/etblt3.png);
background-position: bottom;
}

Aplique-os em seu CSS.

Até Mais!
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por James_Tube 21.10.12 21:15

Ace, ja teve um avanço a mais, a background finalmente se posicionou no final do forum, mas o problema é que, ele não esta aceitando duas body, por acaso, teria como colocar uma div na css, para que as duas se encaixem uma no topo e outra no final?
James_Tube

James_Tube
Novo Membro

Membro desde : 20/10/2012
Mensagens : 9
Pontos : 11

http://brasilcariocagames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por Firenando 22.10.12 4:39

Olá, veja se resulta.

Código:
#page-header {
background: url ('http://i48.tinypic.com/258uovt.png');
}
#page-footer{
background: url ('http://i47.tinypic.com/etblt3.png');
}

Até mais Piscada
Firenando

Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Duas imagens background

Mensagem por Sennior 23.10.12 0:27

Olá querido,

Tente assim:

Código:
body{
position: fixed;
background-image:url(http://i48.tinypic.com/258uovt.png);
background-position: top;
}

#phpbb{
position: fixed;
background-image: url(http://i47.tinypic.com/etblt3.png);
background-position: bottom;
}

Abraços. Piscada
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por James_Tube 23.10.12 20:39

Nenhuma resultou, mas estava pensando, se eu pudesse colocar a imagem do final como um Copyright, que fica abaixo do fórum, colocasse o Copyright ali com uma imagem de fundo? Obrigado a todos pela atenção!

Não sei se estou explicando correto, vou explicar o que eu presciso, a imagem do topo, como se fosse um banner, o banner fica fixo no topo,já a imagem do final, como se fosse um rodapé, fica no finalzinho da pagina, parado ali.
James_Tube

James_Tube
Novo Membro

Membro desde : 20/10/2012
Mensagens : 9
Pontos : 11

http://brasilcariocagames.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Duas imagens background

Mensagem por Sennior 23.10.12 23:48

Olá,

O logo do senhor já se encontra fixado. Quanto ao Copyright no final do fórum, aceda ao seu
Painel de controle Seta Modulos Seta HTML e Java Script Seta Gestão dos Codigos Java Script :seta2: Criar um novo Java Script.
Investimento Seta Marque todas as opções menos a opção "Em todas as paginas"
Codigo:

jQuery(document).ready(function() {
jQuery(".copyright").append('<center><img src="LINK DA IMAGEM" /></center>');
});

Um grande abraço,
Mikéé - Ajudeiro.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por James_Tube 24.10.12 20:17

Não teria como deixar esta imagem ao fundo no forum? Este é o unico problema
James_Tube

James_Tube
Novo Membro

Membro desde : 20/10/2012
Mensagens : 9
Pontos : 11

http://brasilcariocagames.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Duas imagens background

Mensagem por Luciano98 24.10.12 20:47

Olá!

Utilize esse CSS:
Código:
html{height:auto}body{background:url(http://i48.tinypic.com/258uovt.png) top left no-repeat,url(http://i47.tinypic.com/etblt3.png) bottom left no-repeat;background-size:100% auto;height:auto;display:block}

Até mais.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por James_Tube 24.10.12 20:56

Luciano98 , muito obrigado, resultou perfeitamente ao que eu esperava, eu, James_Tube e minha equipe agradecemos a tua ajuda e a todos que ajudaram tambem!
James_Tube

James_Tube
Novo Membro

Membro desde : 20/10/2012
Mensagens : 9
Pontos : 11

http://brasilcariocagames.forumeiros.com

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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