Click to See Complete Forum and Search --> : Double background?


southlake
10-27-2008, 12:41 AM
Hi everyone,

I would like to get a double background like this page: http://www.alannahrose.com.au/home.php

At least I think it's a double background.. when I right click on the top stripes, the menu says "Save background" and when I click on the bottom blue portion, it also says "save background" but doesn't actually save anything.

How do I create something similar?

Thank you in advance!

Fang
10-27-2008, 06:51 AM
2 layered background images.

southlake
10-27-2008, 01:35 PM
Hi Fang,

How do I create a 2-layered background image? Thanks!!

cbVision
10-27-2008, 04:53 PM
This could be done like so,

<style type="text/css">
body {background: url('strippedbg.gif') repeat-y top left;}
#bg2 {background: url('overlayedbg.gif') no-repeat; width: 500px; height: 500px;}
</style>

<html>
<body>
<div id="bg2">
<p>text goes here</p>
</div>
</body>
</html>

You are setting a background image to the body, and then another background image to the div (which is ontop of the body).

Fang
10-28-2008, 02:54 AM
You can also place an image in the html and body.
How you do this would depend on the effect you want to achieve.

southlake
10-28-2008, 04:27 PM
Thank you.