designing a Header ?

[Kieranbolton]

Hello there fellow Zenners, im hoping you can help me out in someway, my mothers friend has asked me to do her a quick website so she can get her business online, basically its just for her to advertise her stock online so that more people are aware of it, i have no input into design, im just trying to make things happen :) Anyway, i had a very basic design mapped out for her (Ive only ever used zen-cart once before)

here is the design she wants :



Sorry for the large photo

Anyway, my problem lies in im not an experienced Zenner, and i struggle when it comes to PHP etc, however i want to create something like the above, the website as it stands at the moment is like this

www. funky munkys - online .co.uk

^^ Without the spaces including the "-"

So how do i use CSS (i assume) to style that header bar named :

"headerWrapper"

Can anyone help?

Thankyou in advance

Kieran

[stevesh]

If it were mine, I would make one big image that included the monkey and the colored text and use it as the #logoWrapper background image, as in the Classic stylesheet:

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:75px;
}

I would also start with the Classic template stylesheet and template files by copying those files and folders from the Classic template rather than the template_default as you have now.

[Kieranbolton]

Hi Steve cheers for your advice, never thought about going down that route, how do you propose i could link the facebook icon to the facebook page they have?


Kieran

[RescoCCC]

Hi Steve cheers for your advice, never thought about going down that route, how do you propose i could link the facebook icon to the facebook page they have?


Kieran

You could probably do that by adding it to includes/templates/your_template/common/tpl_header.php