Actually is not that simple as a "curvy green area". Tip: If you're not a web developer you shouldn't speak.
Anyway, this background it's a mix of 3 images. All of them being positioned using CSS. Important: Basic knowment of CSS will be required.
The first image is the
background, wich is just the left green bar. The CSS here force it to repeat just in the "y" axis (background-repeat: repeat-y;)
http://www.pandora.com/images/background_left.gif
The second image have been put in a container (div), wich is positioned at the top of the page showing an horizontal bar. This way, the designers made a 2 background visual effect. Again, the background repeats, but this time in the "x" axis (background-repeat: repeat-x;)
http://www.pandora.com/images/background_top.gif
The last image is the weird corner. It have also been put in a container (div) aligned to the top-left. This background won't repeat (background-repeat: no-repeat;)
http://www.pandora.com/images/background_top_left.gif
The mix of 3 gives the impression of a simple funny background, but as you can see, is just an illusion made of 3 different elements.
2006-09-04 03:23:46
·
answer #1
·
answered by ronald poi 2
·
0⤊
1⤋
