Repeating foreground picture

[Inuyasha2087]

Hi! I wanted to add a repeating picture in my xanga today after seeing a page just like it in here (http://www.neopets.com/browseshop.phtml?owner=cutiekim91), and I found a "text/css" code (http://www.sitepoint.com/forums/showthread.php?t=141653) which I could use to add a picture of falling cherry blossoms (http://www.boomspeed.com/sfhelpers/backgrounds/83.gif) on my page. But when I tried it, it would make my background disappear, which is replaced by the cherry blossoms. Is there a way to modify the code at the bottom so it wont replace my background? Thanks a lot!! :D :)


<style type="text/css">
html {
background:#fff;
background-image: url(img.gif);
background-repeat: repeat-y;
background-position: left top;
height:100%;
margin:0;padding:0;
}
body {
background-image: url(img.gif);
background-repeat: repeat-y;
background-position: right top;
height:100%;
margin:0;padding:0;
}
</style>

[simonf]

Try placing the second "falling cherry pic" in a seperate layer. Make the layer the same size as your background. This way you should be able to see both. rgds,Simonf

[Inuyasha2087]

Thanks for the reply but I'm not familiar on how CSS coding works to try your suggestion. I found the code for the cherry blossoms online but I don't know how to modify it. Can you please tell me how I can create a separate layer for the cherry blossoms and how to make the layer the same size as my background? Thanks again! :)

[simonf]

Hi, It's not the CSS coding, the file blossoms is a animated gif file. So in your html editor (front-page etc) add a layer to you page in the area you wish the falling blossoms to appear. Then add the picture (83.gif) to the layer and resize to fit. When you pre-view you will see the blossoms fall.... rgds,Simon

If you look at http://www.cherrycreektrading.co.za/blossom.htm I have reproduced what you are looking for. And you should be able to edit this in frontpage to see.