php [Resolvido] - Background Fixada

[David Guimarães]

Olá, 

 

1° Estou editando um site, gostaria de saber como faço para fixar o meu plano de fundo. EXEMPLO:

http://mega-baiak.com < Esse site tem um background fixado ao fundo do site, independente da barra de rolagem a imagem fica fixada. 

http://vardera.servegame.com < Esse é o meu site, o background não está fixado, ele anda junto com a barra de rolagem.

 

2° Se o monitor for grande, a imagem não preenche todo o espaço. Alguém sabe se tem algum comando pra ele se adequar a qualquer monitor?

Agradeço desde já!

Editado Abril 28, 2017 por David Guimarães

[sergiodesa]

Use tamanho e altura 100% com bg fixed

<style>
body{
    background-image:url(http://vardera.servegame.com/layouts/tibiarl/images/header/fundooooooo.jpg);
    width:100%;
    height:100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow-y:scroll;
    overflow-x:hidden;
}
</style>
	

Editado Abril 28, 2017 por sergiodesa

[David Guimarães]

7 minutos atrás, sergiodesa disse:

Use tamanho e altura 100% com bg fixed

<style>
body{
    background-image:url(http://vardera.servegame.com/layouts/tibiarl/images/header/fundooooooo.jpg);
    width:100%;
    height:100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow-y:scroll;
    overflow-x:hidden;
}
</style>
	

Sergio, muito obrigado, ficou perfeito!

Uma dúvida, a imagem não ficou esticada na parte de baixo, tem algo que da pra ser feito?

 

Editado Abril 28, 2017 por David Guimarães

[sergiodesa]

você colocou o width e height em 100% ? aqui no meu note a imagem tá preenchendo todo o fundo do seu site 

 

Editado Abril 28, 2017 por sergiodesa

[David Guimarães]

6 minutos atrás, sergiodesa disse:

você colocou o width e height em 100% ? aqui no meu note a imagem tá preenchendo todo o fundo do seu site 

 

 

Sim, copiei e colei o seu comando. o monitor aqui é grande de altura, será que a imagem não dá o limite e devo trocar?

[lowys]

Olá! Tente:
background-size: cover;
ou https://www.w3schools.com/cssref/css3_pr_background-size.asp

[David Guimarães]

3 minutos atrás, lowys disse:

Olá! Tente:
background-size: cover;
ou https://www.w3schools.com/cssref/css3_pr_background-size.asp

Resolveu, muito obrigado pelo ajuda amigo!!!!

[David Guimarães]

Uma outra coisa relacionada com o tópico, no site oficial http://www.tibia.com/news/?subtopic=latestnews, ele está no topo e se adequando a cada monitor.

No meu http://vardera.servegame.com/?subtopic=latestnews, ele não está se adequando a cada monitor e o tamanho está padrão. Existe algum comando que faça isso acontecer? 

 

MEU SITE:

 

ORIGINAL:

Editado Abril 28, 2017 por David Guimarães