Forums

How can I get a full page background image on my web page?

Permalink
Hi folks. I would like to make a full page image on my home page that will fill in the sides of the screen. This sitehttp://fishingforfreedom.us has done that and I have edit permissions there but I did not build the site.
I did build this site and it is still under constructionhttp://leavenworthembroidery.com...

I tried to make a full page theme but could not make anything I could put a full background image in.
How can I accomplish this?
 
jeevanism replied on at Permalink Reply
jeevanism
Check this website. It has a full page background.
http://www.meswara.biz/


What I have done is, in theme folder, open /elements/header.php. After body tag. I have added the below coodes. You may try the same. There may be other options to achieve this but this one works for me.


<body id="home">
<img alt="full screen background image" src="<?php echo $this->getThemePath(); ?>/images/pagebg.jpg" id="full-screen-background-image" />
adajad replied on at Permalink Reply
adajad
You could give this a try, which will do exactly what you want: http://www.concrete5.org/marketplace/addons/backstretch/...

Or you could use the following style for your body:
body {
   background: url(images/bg.jpg) fixed; 
   background-repeat:no-repeat;
   background-size: cover;
   -moz-background-size: cover; /* Firefox 3.6 */
}


Make sure you have the following in your html tag to have it work on Internet Exploder:
<html xmlns="http://www.w3.org/1999/xhtml">