Full background image

[Stimo]

How do i make it so the whole of the dark grey background can be changed to one large image?

picture: http://gyazo.com/6f0e9f25af21c323c979dc6ba2e7833e

 

[oO5 Dynasty]

as much as can be expected.... you can see (on your cell phone) at survivalist.zone (site is still a work in progress).

thank you

 

[oO5 Dynasty]

as much as can be expected.... you can see (on your cell phone) at survivalist.zone (site is still a work in progress).

also would you know how to do a background banner that goes across the top.

 

[TPerry]

also would you know how to do a background banner that goes across the top.

You mean like an advertising banner, or just a background image?

 

[oO5 Dynasty]

You mean like an advertising banner, or just a background image?

like an ad banner, because im use to the YouTube banners that are at the top of youtube channels. I would like to do this for my forum. I would like to design an ad banner that covers the top of the forum. I dont really want the logo block i rather a fill banner

 

[TPerry]

You may want check out [BD] Widgets and use the hooks function to see if that will work for you.

 

[Hristo Avramov]

When I make the image and I see it in desktop it looks great and it fits to the screen, even if I shrink it so low, but when I see it in iphone the graphic doesn't fit, why?

 

[Phil]

Very helpfull thank you

 

[NickM22]

Are you referring to where it does something like this?
View attachment 77965

If so, in your ACP -> Style Properties -> General -> Body
define the background image and to keep it constrained on one page (with no scrolling) use the appropriate background-size: parameter (I use cover).
View attachment 77966

Where does it pull the image from i see it says "images" where is that folder?

 

[TPerry]

Where does it pull the image from i see it says "images" where is that folder?

It is a directory I created under the root of the folder for that domain.

 

[Dermot]

use something like this in your css...

body {
    background: url("./images/background.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

should make it full responsive also.

 

[TPerry]

use something like this in your css...

should make it full responsive also.

Actually no need to put it in the EXTRA.css
This works just fine and is also responsive.