Place "main content" into div

Hi there

I'm trying to place all main content (i.e. all data in "abovecontent", "left", "content", "right" and "belowcontent" module positions) into a div. Basically, I'd like to have all main content in a block, which has shading etc. Below, please find a screen-dump of how I'd like it to look (image generated in Photoshop ).



In effect, its actually 3x Divs that make up the box...top, middle(repeat-y) and bottom, each with its own background image in CSS.

I'd like to place the divs in index.php (as it will be site-wide), but due to my limited php & js knowledge, I can't see where to place the divs. If I read the generated page CSS (via inspect element), it appears I should be placing the code before the line :

.....
<div class="sparky_full paper"
.....

but it appears this code is generated by JS / PHP which in turn generates the index.php. I can't find where to place the divs.

Please advise (unfortunately I'm still developing locally and not online).

Thanks for always helping out ! ( I can see you're extremely busy on the forums).

Actually this line in index.php is you r layout:

$layoutdesign = $this->params->get("layoutdesign", "++logo=6=0,user3=6=0&++user1=12=0&++user2=12=0&++advert1=6=0,advert2=6=0&+paper+left=3=0,joom_content=5=0,right=4=0&+bottom_row+bottom1=3=0,bottom2=3=0,bottom3=3=0,bottom4=3=0&++copyright=12=0");

row definitions are separated with & , so first row is :

++logo=6=0,user3=6=0

you see 6 tow times that marks how menu of (templates width/12) boxes module should take.
0 marks left offset also in unit of boxes.

So knowing this you can change layout.
That all we can help you for free