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 Sab 20 Out 2012 - 21: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 Qua 24 Out 2012 - 19:56, editado 3 vez(es)
James_Tube

James_Tube
Novo Membro

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por Nickname Sab 20 Out 2012 - 21: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

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por James_Tube Sab 20 Out 2012 - 21: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

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por Switch Sab 20 Out 2012 - 21: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
***

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por James_Tube Sab 20 Out 2012 - 22: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

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por Convidado Sab 20 Out 2012 - 22: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 Sab 20 Out 2012 - 23: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

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por James_Tube Dom 21 Out 2012 - 5:31

UP
James_Tube

James_Tube
Novo Membro

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

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

Ir para o topo Ir para baixo

Membro Proficiente

Tópico resolvido Re: Duas imagens background

Mensagem por Ace Dom 21 Out 2012 - 9: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 Proficiente
Membro Proficiente

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por James_Tube Dom 21 Out 2012 - 20: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

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por Firenando Seg 22 Out 2012 - 3: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

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

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

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Duas imagens background

Mensagem por Sennior Seg 22 Out 2012 - 23: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

Masculino
Membro desde : 10/06/2011
Mensagens : 16378
Pontos : 20891

Ver perfil do usuário 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 Ter 23 Out 2012 - 19: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

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

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

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Duas imagens background

Mensagem por Sennior Ter 23 Out 2012 - 22: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

Masculino
Membro desde : 10/06/2011
Mensagens : 16378
Pontos : 20891

Ver perfil do usuário 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 Qua 24 Out 2012 - 19:17

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

James_Tube
Novo Membro

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

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

Ir para o topo Ir para baixo

Membro Proficiente

Tópico resolvido Re: Duas imagens background

Mensagem por Luciano98 Qua 24 Out 2012 - 19: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 Proficiente
Membro Proficiente

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Duas imagens background

Mensagem por James_Tube Qua 24 Out 2012 - 19: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

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

Ver perfil do usuário 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


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