Duas imagens background

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

Resolvido Duas imagens background

Mensagem por James_Tube em 20/10/12, 06:04 pm

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: http://i48.tinypic.com/258uovt.png
Imagem do Final: http://i47.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, 05:56 pm, editado 3 vez(es)
avatar

James_Tube
Nível 2

Masculino
Inscrito dia : 20/10/2012
Mensagens : 9
Pontos Ativos : 11

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

Resolvido Re: Duas imagens background

Mensagem por Nickname em 20/10/12, 06:08 pm

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
Membro do Fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1551
Pontos Ativos : 2048

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

Resolvido Re: Duas imagens background

Mensagem por James_Tube em 20/10/12, 06:11 pm

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

James_Tube
Nível 2

Masculino
Inscrito dia : 20/10/2012
Mensagens : 9
Pontos Ativos : 11

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

Resolvido Re: Duas imagens background

Mensagem por Switch em 20/10/12, 06:27 pm

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

Switch
Nível 9

Masculino
Inscrito dia : 01/06/2012
Mensagens : 154
Pontos Ativos : 248

Ver perfil do usuário http://spdesign.ativoforum.com/forum

Resolvido Re: Duas imagens background

Mensagem por James_Tube em 20/10/12, 07:19 pm

Aqui vão as imagens:
Imagem do topo:
http://i48.tinypic.com/258uovt.png

Imagem do Final:
http://i47.tinypic.com/etblt3.png

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

James_Tube
Nível 2

Masculino
Inscrito dia : 20/10/2012
Mensagens : 9
Pontos Ativos : 11

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

Resolvido Re: Duas imagens background

Mensagem por Convidado em 20/10/12, 07:39 pm

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?

Convidado
Convidado


Resolvido Re: Duas imagens background

Mensagem por James_Tube em 20/10/12, 08:14 pm

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

James_Tube
Nível 2

Masculino
Inscrito dia : 20/10/2012
Mensagens : 9
Pontos Ativos : 11

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

Resolvido Re: Duas imagens background

Mensagem por James_Tube em 21/10/12, 03:31 am

UP
avatar

James_Tube
Nível 2

Masculino
Inscrito dia : 20/10/2012
Mensagens : 9
Pontos Ativos : 11

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

Resolvido Re: Duas imagens background

Mensagem por Ace em 21/10/12, 07:36 am

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

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Duas imagens background

Mensagem por James_Tube em 21/10/12, 06:15 pm

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?
avatar

James_Tube
Nível 2

Masculino
Inscrito dia : 20/10/2012
Mensagens : 9
Pontos Ativos : 11

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

Resolvido Re: Duas imagens background

Mensagem por Firenando em 22/10/12, 01:39 am

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
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

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

Resolvido Re: Duas imagens background

Mensagem por Sennior em 22/10/12, 09:27 pm

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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Duas imagens background

Mensagem por James_Tube em 23/10/12, 05:39 pm

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

James_Tube
Nível 2

Masculino
Inscrito dia : 20/10/2012
Mensagens : 9
Pontos Ativos : 11

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

Resolvido Re: Duas imagens background

Mensagem por Sennior em 23/10/12, 08:48 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Duas imagens background

Mensagem por James_Tube em 24/10/12, 05:17 pm

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

James_Tube
Nível 2

Masculino
Inscrito dia : 20/10/2012
Mensagens : 9
Pontos Ativos : 11

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

Resolvido Re: Duas imagens background

Mensagem por Luciano98 em 24/10/12, 05:47 pm

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

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Duas imagens background

Mensagem por James_Tube em 24/10/12, 05:56 pm

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

James_Tube
Nível 2

Masculino
Inscrito dia : 20/10/2012
Mensagens : 9
Pontos Ativos : 11

Ver perfil do usuário http://brasilcariocagames.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