designing tip please.

[theliquidzoo]

Just saw this on a few Templates examples I ran into on the web. What I would like to do is have the header(or top section) kind of blend down in a curved pattern into either the right or left column with the same color(so it would almost look like a 7, but with a true right angle and curved off in that bottom corner). Hope I explained well enough. Thank You!

[PD_Steve]

Couple of way to achieve that

 

1. Create the look you want in photoshop in full and then use it as a background image. This method will take a bit of loading because the background is a full image plus you would have to put size constraints on the site to stop it expanding. The remove background colours from the side columns and you have a hashed up way to do this. All in all, probably the easiest, but not the best.

 

2. Use only one column and change the infobox settings to match the colour of the header. This would work in theory but new products (which appears in the main area) uses the infobox colours, so you would need to change the classes or add a bit of code to the boxes.php infobox's to fix it (i.e. create some more infobox declares). This method is more difficult, but faster loading.

 

3. If you need both columns, then you need to do a lot of work in boxes.php creating a lot more infoboxes so that the right and left columns can be independently assigned classes in your css. For example, create infobox2 and infoboxcontents2 from the original infobox and infoboxcontents and also the header and then create relevant classes in css. Using the new infobox settings you can then assign on column to the colour to match the header. This method is by far the most difficult, but would give the best results and be much easier to change at a later date.

 

They are the methods I can think of. I am sure other people will add other options

 

Cheers

 

Steve