Central background - How can I do that ?

I want to change the background in the main central part.



That is with the file /htdocs/skins/yourskin/customer/images/central_bg.png



As I want this background to repeat on the y axis to fit with pages with 48 or 96 products, it will be a pattern.

But to make something nice, I want to have at the top of this image something that “close” the pattern, like a nice border.

For example for a canvas, the middle part would be a pattern to have the size we want, but it needs a top part to close the canvas.



My trouble is : if I include this top part in the background central_bg.png, I need to make a huge Y image to fit long pages and the image is quickly over 500ko.



Ho can I add a top part just under the menu bar without using the central_bg.png ? I cannot put an html blocks because there are already blocks at that place.



Sorry for my english explain as it’s not my original language :) I put an image to show… hope it helps.

example.jpg

Hi



Use css3 and make a nice border at the top with shadows and round corners.



Share your link to give you a more accurate info.



Fotis

[quote name='dvsgr' timestamp='1342703998' post='141064']

Hi



Use css3 and make a nice border at the top with shadows and round corners.



Share your link to give you a more accurate info.



Fotis

[/quote]



I tried to use css to put a new background in the central section so it appear in front of the general background but the trouble is that it is not possible to have a background in the central section that is as full wide as central_bg. The size is only limited to the 940 of the site.



Here I put two images. The first is what I have with my pattern. The second is my goal so I can include the top image to make it more nice…

WhatIHave.jpg

WhatIWant.jpg