A little help on some aspects of my theme

[Dave L]

Hi,

I would very much appreciate any help/advice on some changes I'm attempting on my theme.

I would like to have white backgrounds with nice rounded corners on the header, column blocks, center column & fotter etc. I would like the spaces in between these to be transparent.

The idea is of course so the page background image is visible through the layout.

Hope I'm not asking too much.


Thanks.

[logic]

Example if you want to make the whole page with round corners:

Picture

1. use firework or ps make a rectangular with 3 px radius (with width may be 960px, height 300), background sets to transparent;
2. cut it into top, middle and bottom 3 pictures
3. save them as top_bg.png, middle_bg.png, and bottom_bg.png;


CSS

1. .header { background :'url(../img/top_bg.png)';)
2. columns {same};
3. footer {same};

now:

If you want all header, columns and footers have round corner, You can use same approach to make the header become 3 sections "top, middle, bottom", and columns "top, middle, bottom" and same for footer. Then do the same thing as above.

in the tpl you can put down:

original content

--> original there

---> new one

original content

--> original there

---> new one

original content

--> original there

---> new one

Hope this helps.

[Dave L]

Hi logic,

Many thanks for your reply and help.

I'm pretty new to CSS code and stuff but I am learning.

I think I have the gist of the first part for the css but I'm not quite sure about the .tpl part. Are these edits all 'new' additions to the .tpl files or edits of existing code?

Many thanks.

[logic]

Hello Dave,

No problem, yeah, those "new" means you have to have them in to the .tpl file. You only files you need to change is "header.tpl" and "footer.tpl".
The original ones are there already.

[Dave L]

Many thanks again logic.

I'll give this a go and report back how I got on.

Could be a while though !!

Thanks.

[logic]

Good luck.