Remover repetição da imagem de fundo

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

Resolvido Remover repetição da imagem de fundo

Mensagem por TERMINATOR em 12/07/11, 02:27 pm

Qual é sua questão:
Olá
Eu tenho um fórum, e coloquei um fundo que não tem dimensões mais pequenas que o meu ecran e por isso fica repetido.
Eu queria que ficasse apenas um fundo e que o resto ficasse com uma cor á minha escolha de modo a preencher o resto do fundo sem ter de esticar a imagem...
Como posso fazê-lo?

Obrigado desde ja

Que medidas você tomou para corrigir o problema:
.

Apresente-nos imagens do problema (se necessário):
.

Endereço do fórum:
http://gofornax.ativo-forum.com/

Versão do fórum:
PUNBB
avatar

TERMINATOR
Nível 6

Masculino
Inscrito dia : 21/12/2009
Mensagens : 70
Pontos Ativos : 128

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

Resolvido Re: Remover repetição da imagem de fundo

Mensagem por Convidad em 12/07/11, 03:00 pm

Oi TERMINATOR,

Gostaria de lhe pedir que não fizesse "ups" com o intuito de chamar a atenção para o seu tópico, pois isso não é permitido.

Em relação a sua dúvida, veja o código para resolução da mesma e onde colocá-lo:

body{
background: ur(endereço da imagem de fundo) no-repeat;
}


1. Painel de controle
2. Visualização
3. Cores
4. Folha de estilos CSS

Espero que essa mensagem lhe ajude. Sinta-se livre para entrar em contato conosco novamente se tiver outras consultas ou preocupações.

Obrigado e tenha uma ótima semana!

Supero

Convidad
Convidado


Resolvido Re: Remover repetição da imagem de fundo

Mensagem por TERMINATOR em 12/07/11, 03:16 pm

não está a funcionar. Há alternativa?
avatar

TERMINATOR
Nível 6

Masculino
Inscrito dia : 21/12/2009
Mensagens : 70
Pontos Ativos : 128

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

Resolvido Re: Remover repetição da imagem de fundo

Mensagem por Convidad em 12/07/11, 03:19 pm

Oi novamente,

Havia um pequeno erro no código anterior, por isso não funcionou. Remova o anterior e adicione o seguinte:

body{
background: url(endereço da imagem de fundo) no-repeat;
}


1. Painel de controle
2. Visualização
3. Cores
4. Folha de estilos CSS

Espero que isso lhe ajude.

Convidad
Convidado


Resolvido Re: Remover repetição da imagem de fundo

Mensagem por TERMINATOR em 12/07/11, 03:36 pm

ok, ja deu mais ou menos, porque agora acontece outra coisa...
o fundo está alinhado á esquerda e eu queria à direita e o resto do fundo está a branco(como altero essa cor branca?)
avatar

TERMINATOR
Nível 6

Masculino
Inscrito dia : 21/12/2009
Mensagens : 70
Pontos Ativos : 128

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

Resolvido Re: Remover repetição da imagem de fundo

Mensagem por Convidad em 12/07/11, 04:06 pm

Oi novamente,

Em relação ao espaço branco, podemos alterar (basta remover o que está sublinhado no código abaixo). Em relação ao outro problema, não será possível porque as dimensões da imagem devem ser muito pequenas, é por isso que por padrão, ela é alinhada à esquerda.

body{
background-color: cor de fundo;
background-image: url(imagem de fundo);
}


1. Painel de controle
2. Visualização
3. Cores
4. Folha de estilos CSS

Espero que isso lhe ajude.

Convidad
Convidado


Resolvido Re: Remover repetição da imagem de fundo

Mensagem por Pika_mestre em 14/07/11, 09:15 am

Caso a resposta de Supero não te ajude, com todo respeito aos dois, acesse:

Painel de controle ► Visualização ► Gestão das Imagens ► Modo Avançado

Quando chegar aí, procure pelo campo " Imagem do fundo da página " e a direita marque Fundo da página fixo!
avatar

Pika_mestre
Usuário avançado

Masculino
Inscrito dia : 28/06/2011
Mensagens : 362
Pontos Ativos : 580

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

Resolvido Re: Remover repetição da imagem de fundo

Mensagem por TERMINATOR em 14/07/11, 09:33 am

ja fiz isso. Gosto mais com o fundo fixo, mas infelizmente nao resolve o problema...
avatar

TERMINATOR
Nível 6

Masculino
Inscrito dia : 21/12/2009
Mensagens : 70
Pontos Ativos : 128

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

Resolvido Re: Remover repetição da imagem de fundo

Mensagem por Luciano98 em 14/07/11, 07:50 pm

Olá!

Aceda à "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-size:100% 100%}

Salve.

Até mais.
Luciano98
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: Remover repetição da imagem de fundo

Mensagem por TERMINATOR em 15/07/11, 05:57 am

A imagem ficou um pouco achatada, mas resultou! Muito obrigado Feliz
avatar

TERMINATOR
Nível 6

Masculino
Inscrito dia : 21/12/2009
Mensagens : 70
Pontos Ativos : 128

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