Como impedir que a imagem do fundo se repita

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

Resolvido Como impedir que a imagem do fundo se repita

Mensagem por nejibyakugan em 13/12/12, 09:37 pm

Qual é minha questão:
Pessoal eu to com um problema no fórum,eu coloquei uma imagem no fundo de natal,mas ela se repete,dá pra ver quando acaba uma imagem e quando começa outra,e isso dá uma aparência amadora no fórum.

Como faço pra ele não se repetir,pra cobrir o fundo inteiro.

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

Versão do fórum:
PUNBB
avatar

nejibyakugan
Usuário destaque

Masculino
Inscrito dia : 08/08/2012
Mensagens : 541
Pontos Ativos : 898

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

Resolvido Re: Como impedir que a imagem do fundo se repita

Mensagem por Consolado em 13/12/12, 09:45 pm

Olá!

Utilize esse código CSS:
Código:
body{background-image: url(http://2.bp.blogspot.com/-VPeO2rv_3Pw/Ter6oyhxNGI/AAAAAAAALFk/0t7UmP7MPM4/s1600/floco_de_n);background-repeat:no-repeat;background-size:100% auto!important}
Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Como impedir que a imagem do fundo se repita

Mensagem por Luciano98 em 13/12/12, 10:06 pm

Olá!

Utilize esse código CSS:
Código:
body{background-image: url(http://2.bp.blogspot.com/-VPeO2rv_3Pw/Ter6oyhxNGI/AAAAAAAALFk/0t7UmP7MPM4/s1600/floco_de_n);background-repeat:no-repeat;background-size:100% auto!important;background-attachment:fixed}


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: Como impedir que a imagem do fundo se repita

Mensagem por nejibyakugan em 13/12/12, 11:42 pm

O segundo código funcionou,mas ainda tem uma barra branca em baixo da imagem.
avatar

nejibyakugan
Usuário destaque

Masculino
Inscrito dia : 08/08/2012
Mensagens : 541
Pontos Ativos : 898

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

Resolvido Re: Como impedir que a imagem do fundo se repita

Mensagem por Consolado em 14/12/12, 12:12 am

Olá!

Substitua por esse código CSS:
Código:
body{background-size: 100% !important;background-repeat: no-repeat;background-attachment:fixed!important}
Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Como impedir que a imagem do fundo se repita

Mensagem por nejibyakugan em 14/12/12, 08:32 am

A parte branca de baixo permanece,a parte branca eu acho que é onde a imagem acaba,mas eu queria saber como fazer pra ela ocupar a tela inteira.
avatar

nejibyakugan
Usuário destaque

Masculino
Inscrito dia : 08/08/2012
Mensagens : 541
Pontos Ativos : 898

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

Resolvido Re: Como impedir que a imagem do fundo se repita

Mensagem por Consolado em 14/12/12, 09:27 am

Bom dia!

Estranho, aqui não há nenhuma parte branca. Qual seu navegador e resolução de tela?

Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Como impedir que a imagem do fundo se repita

Mensagem por nejibyakugan em 14/12/12, 09:50 am

Resolução de tela é 100 % e o navegador é o google chrome,no seu não está branco porque eu já retirei o código,quando o código não funciona eu retiro.
avatar

nejibyakugan
Usuário destaque

Masculino
Inscrito dia : 08/08/2012
Mensagens : 541
Pontos Ativos : 898

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

Resolvido Re: Como impedir que a imagem do fundo se repita

Mensagem por BrunoH. em 14/12/12, 02:05 pm

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: fixed!important;}
e Valide!
Caso não resulte, deixe o código em seu CSS para que eu possa ver qual é o problema.

Até mais. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como impedir que a imagem do fundo se repita

Mensagem por Luciano98 em 14/12/12, 02:20 pm

Olá!

Utilize esse código CSS:
Código:
body{background-image:url(http://2.bp.blogspot.com/-VPeO2rv_3Pw/Ter6oyhxNGI/AAAAAAAALFk/0t7UmP7MPM4/s1600/floco_de_n);background-repeat:no-repeat;background-size:100% 100%!important;background-attachment:fixed!important}


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: Como impedir que a imagem do fundo se repita

Mensagem por nejibyakugan em 15/12/12, 01:56 pm

O segundo código ficou perfeito obrigado.
avatar

nejibyakugan
Usuário destaque

Masculino
Inscrito dia : 08/08/2012
Mensagens : 541
Pontos Ativos : 898

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

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