I've seen a lot of sites like these;

http://www.kumby.com/
http://animetoplist.org/out/site/animepalm
http://www.gamesradar.com/uk
http://www.newgrounds.com/

They have static image/ ad BG.

How to I make a layout like that?

Recommended Answers

All 5 Replies

Place the following code within style tags, within the header of the page.

body {
background-image: url(imagepath/filename.jpg) no-repeat top center fixed;
}

So on your page, it'll look something like this:

<style type="text/css">
body {
background-image: url(imagepath/filename.jpg) no-repeat top center fixed;
}
</style>
</head>

also make sure that the picture you use as your background picture fits well in all screen resolutions. so when you have a screen of 800 x 600 you still get the main idea of the background and when you view it in higher resolutions that the image does not cut off.

How do I accomplish the total opposite? To have a non-static image in the background? In other words to be able to have different pictures in the background through the site. I can't figure this out grrrrrrrr:confused:

Do you mean that you want images changing every so often on a page, or so each page has a different background? If you want a different image as a background on each page all you need to do is have the images, and apply the code I put in my earlier post in each page, and change what image it links to in that code. If you wanted images changing in the one page every so often, well... that would require jQuery, and I'd advise against that to keep user's familiarity with pages - if the background images always change to something different there's one less element to associate the page from another.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.