Como colocar esta imagem no fundo

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

Resolvido Como colocar esta imagem no fundo

Mensagem por Stonay em 15/01/15, 10:59 am

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso :
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://stonecraft.forumeiros.com.pt/

Descrição do problema


Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

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

Resolvido Re: Como colocar esta imagem no fundo

Mensagem por EuficoLoko em 15/01/15, 12:24 pm

Olá;

É só adicionar no início da sua folha CSS:
Código:
body {
background: url(http://i.imgur.com/seRuPdo.png) repeat !important;
}
No código localize 'repeat', se não quiser que o background fique se repetindo troque repeat por no-repeat ficando assim:
Código:
body {
background: url(http://i.imgur.com/seRuPdo.png) no-repeat !important;
}

avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Como colocar esta imagem no fundo

Mensagem por Consolado em 15/01/15, 01:06 pm

Olá!

Utilize esse código CSS:
Código:
.pun{background:url('http://i.imgur.com/HYf8k8i.png') repeat 6% -39%}
Até mais.
avatar

Consolado
Super usuário

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

Ver perfil do usuário

Resolvido Re: Como colocar esta imagem no fundo

Mensagem por Stonay em 15/01/15, 05:06 pm

@Consolado
isso bugou tudo o fórum

Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

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

Resolvido Re: Como colocar esta imagem no fundo

Mensagem por Stonay em 15/01/15, 05:10 pm

Para ajudar vocês:

Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

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

Resolvido Re: Como colocar esta imagem no fundo

Mensagem por Consolado em 15/01/15, 05:51 pm

Aqui não bugou coisíssima nenhuma, mas substitua o código CSS por esse:
Código:
body{background: url(http://i.imgur.com/bwSAc.png) repeat}
Até mais.
avatar

Consolado
Super usuário

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

Ver perfil do usuário

Resolvido Re: Como colocar esta imagem no fundo

Mensagem por Stonay em 15/01/15, 06:10 pm

Não tem a terra?

Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

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

Resolvido Re: Como colocar esta imagem no fundo

Mensagem por Stonay em 15/01/15, 06:13 pm

Esse código: body{background: url(http://i.imgur.com/HYf8k8i.png) repeat}
Não bugou nada, porém aparece essa terra:

e eu quero a Grama

Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

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

Resolvido Re: Como colocar esta imagem no fundo

Mensagem por EuficoLoko em 15/01/15, 06:44 pm

@EuficoLoko escreveu:Olá;

É só adicionar no início da sua  folha CSS:
Código:
body {
background: url(http://i.imgur.com/seRuPdo.png) repeat !important;
}
No código localize 'repeat', se não quiser que o background fique se repetindo troque repeat por no-repeat ficando assim:
Código:
body {
background: url(http://i.imgur.com/seRuPdo.png) no-repeat !important;
}

Se visse meu código que alias e praticamente o segundo código do Consolado teria resultado. Piscada Apenas com a imagem que quer. Piscada
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Como colocar esta imagem no fundo

Mensagem por Consolado em 15/01/15, 07:07 pm

Com a grama era aquele código que você afirma ter bugado, substitua por esse:
Código:
body{background:url(http://i.imgur.com/HYf8k8i.png) repeat 6% -20%}
Até mais.
avatar

Consolado
Super usuário

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

Ver perfil do usuário

Resolvido Re: Como colocar esta imagem no fundo

Mensagem por Stonay em 15/01/15, 09:56 pm

'-' Alguém?

Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

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

Resolvido Re: Como colocar esta imagem no fundo

Mensagem por [K]oke em 15/01/15, 10:02 pm

.Olá,
tente esse
Código:
pun{background:url('http://i.imgur.com/HYf8k8i.png') repeat 6% -39%} !important;

pedido calma no tópico, de acordo com a regra UPS e avisos depois de um dia.

Até Mais!
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 870
Pontos Ativos : 1590

Ver perfil do usuário http://bestskins.net/forum https://www.facebook.com/davis.natsu

Resolvido Re: Como colocar esta imagem no fundo

Mensagem por Stonay em 15/01/15, 10:51 pm

Ficou como Default, era antes

Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

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

Resolvido Re: Como colocar esta imagem no fundo

Mensagem por Sennior em 16/01/15, 02:53 am

Segundo o regulamento do setor de suporte, tópicos com mais de 24 horas após a criação podem conter Ups do autor. O senhor anda dando vários Ups  e postando mensagem consecutivas, uma depois outra...

Gostaria de lhe dize que dá próxima vez que houver este tipo de procedente, o senhor levara advertências mais serias.
Saudações! Muito feliz

Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
body {background:url(http://i.imgur.com/HYf8k8i.png) repeat!important;background-position-x: 0px!important;background-size: 9pc!important;background-position-y: 140px!important;}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
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: Como colocar esta imagem no fundo

Mensagem por Stonay em 16/01/15, 07:58 am

@Sennior o seu deu certo, porém ele está um pouco lá em baixo!
Olhe:

Preciso subir

Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

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

Resolvido Re: Como colocar esta imagem no fundo

Mensagem por [K]oke em 16/01/15, 10:34 am

Olá,

troque por
Código:
body {background:url(http://i.imgur.com/HYf8k8i.png) repeat!important;background-position-x: 0px!important;background-size: 9pc!important;background-position-y: 150px!important;}

Até Mais!
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 870
Pontos Ativos : 1590

Ver perfil do usuário http://bestskins.net/forum https://www.facebook.com/davis.natsu

Resolvido Re: Como colocar esta imagem no fundo

Mensagem por Stonay em 16/01/15, 10:58 am

@[K]oke
Como ficou:

Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

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

Resolvido Re: Como colocar esta imagem no fundo

Mensagem por [K]oke em 16/01/15, 11:20 am

Olá,

Código:
body {background:url(http://i.imgur.com/HYf8k8i.png) repeat!important;background-position-x: 0px!important;background-size: 9pc!important;background-position-y: 120px!important;}

Até Mais!
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 870
Pontos Ativos : 1590

Ver perfil do usuário http://bestskins.net/forum https://www.facebook.com/davis.natsu

Resolvido Re: Como colocar esta imagem no fundo

Mensagem por Stonay em 16/01/15, 11:46 am

Resolvido.
Obrigado!

Stonay
Usuário avançado

Masculino
Inscrito dia : 13/12/2014
Mensagens : 396
Pontos Ativos : 532

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

Resolvido Re: Como colocar esta imagem no fundo

Mensagem por Sennior em 17/01/15, 12:41 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
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

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