Lo que hacen ellos es poner una imagen de fondo en el body, sin ningun programa especial (salvo el que utilizan para crear la imagen), aca te dejo el codigo CSS que usan:
Código:
background: url(/001/zen-bg.jpg) no-repeat left top;
(La imagen es:
http://www.csszengarden.com/001/zen-bg.jpg )
Ellos hacen que la imagen sea un fondo del body, la ponen abajo a la derecha (en el codigo lo ves donde dice "right bottom") y hacen que no se repita
Luego hacen el contenedor donde ponen la otra imagen de fondo (la que ves arriba a la izquierda), en donde el codigo es:
Código:
background: #fff url(/001/blossoms.jpg) no-repeat right bottom;
(aca esta la imagen a la que llaman:
http://www.csszengarden.com/001/blossoms.jpg )
Luego colocan un padding de 0px 175px 0px 110px; (arriba, derecha, abajo, izquierda, creo que era asi

) al contenedor (para que los texos/imagenes/etc. no tapen el fondo.
En sintesis, el codigo deberia ser (sacado de ellos):
Hoja de estilos:
Código:
body {
font: 9pt/17pt georgia;
color: #555753;
background: #fff url(/001/zen-bg.jpg) no-repeat top left;
margin: 0px;
padding: 0px;
min-height: 100%;
}
#container {
background: url(/001/blossoms.jpg) no-repeat bottom right;
padding: 0px 175px 0px 110px;
margin: 0px;
position: absolute;
top: 0px;
left: 0px;
}
Para luego hacer el codigo html de esta manera:
Código:
<body>
<div id="container">
No se si me explique bien, cualquier cosa avisa! Saludos!!!