Forums / Templates, Stylesheets, Page Layout / How to place an image in header.

How to place an image in header.

Locked

Views: 2,213

Results 1 to 10 of 10
This thread is locked. New replies are disabled.
18 Apr 2007, 9:37 AM
#1
graphicman avatar

graphicman

New Zenner

Join Date:
Dec 2004
Location:
Wakefield. UK
Posts:
82
Plugin Contributions:
0

How to place an image in header.

I am trying to place an image in the header on the right hand side opposite my logo but still after looking through the forums have no idea how to do it. This is the site https://www.toyjoyshop.co.uk it is an adult toy store. I have tried using the banner manager but it seems to put the banner everywhere but in the header. I am using the Lavender Template so i don't know if that makes a difference but i have uploaded the banner images to mysites images. Can somebody please tell me in laymans terms how i can achieve this.

Thank you in advance

18 Apr 2007, 3:59 PM
#2
graphicman avatar

graphicman

New Zenner

Join Date:
Dec 2004
Location:
Wakefield. UK
Posts:
82
Plugin Contributions:
0

Re: How to place an image in header.

Graphicman:

I am trying to place an image in the header on the right hand side opposite my logo but still after looking through the forums have no idea how to do it. This is the site https://www.toyjoyshop.co.uk it is an adult toy store. I have tried using the banner manager but it seems to put the banner everywhere but in the header. I am using the Lavender Template so i don't know if that makes a difference but i have uploaded the banner images to mysites images. Can somebody please tell me in laymans terms how i can achieve this.

Thank you in advance

Sorry to be a pain, would it be possiable for some to take a look at this for me.
I,ve left all the banners on the site but i only want it in the header. I've trailed these forums all day but cannot find an answer that i can understand.

Thank you

18 Apr 2007, 5:10 PM
#3
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: How to place an image in header.

You could create an image for your background save it as header_bg.??? and save it in includes/templates/YOUR_TEMPLATE/images.

modify the following declaration in your stylesheet.css

#logoWrapper{background:url(../images/header_bg.???) repeat-x;height:90px;width:100%;}

change as necessary to fit your design

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

18 Apr 2007, 6:29 PM
#4
graphicman avatar

graphicman

New Zenner

Join Date:
Dec 2004
Location:
Wakefield. UK
Posts:
82
Plugin Contributions:
0

Re: How to place an image in header.

thankyou for replying your a life saver. I've uploaded the image as you said but this is what i've got in my css.

#logoWrapper{
background-color: #e5d9e5;
height:120px;
}

How do i insert the info you gave me without spoiling anything?
Also will this position it to the right of the page.

Thank you again

18 Apr 2007, 6:52 PM
#5
graphicman avatar

graphicman

New Zenner

Join Date:
Dec 2004
Location:
Wakefield. UK
Posts:
82
Plugin Contributions:
0

Re: How to place an image in header.

i'm sorry i think i must have come across wrong, what i want to do is place an image to the right, on top of the header that is already there and keep not replace the header all together.

18 Apr 2007, 8:13 PM
#6
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: How to place an image in header.

Graphicman:

i'm sorry i think i must have come across wrong, what i want to do is place an image to the right, on top of the header that is already there and keep not replace the header all together.

You could always create a new declaration

#logo2 {
background: url(../images/YOUR_IMAGE.???);
float: right;
}

Now in your tpl_header.php

find this code:

<div id="logoWrapper">
    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>

just below this add

<div id="logo2"> </div>

save the file and upload to your server

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

18 Apr 2007, 8:23 PM
#7
graphicman avatar

graphicman

New Zenner

Join Date:
Dec 2004
Location:
Wakefield. UK
Posts:
82
Plugin Contributions:
0

Re: How to place an image in header.

Thank you so much. I thought you had logged off and i created a new thread which i will now close.

Thank you again for your time.

PS. It's a nice site you have i've just been browsing

18 Apr 2007, 8:46 PM
#8
graphicman avatar

graphicman

New Zenner

Join Date:
Dec 2004
Location:
Wakefield. UK
Posts:
82
Plugin Contributions:
0

Re: How to place an image in header.

Clyde, i think i have followed your instructions to the letter but this does not seem to be working

Mark

19 Apr 2007, 12:50 AM
#9
motti avatar

motti

Zen Follower

Join Date:
Feb 2007
Location:
Los Angeles
Posts:
348
Plugin Contributions:
0

Re: How to place an image in header.

Hi

i have askd in some other places for for a while and still not got any answer , mayby here some one can help

i made a logo size 1200 x 110 ( or in this case itis the original of zen logo) and whan i shrink the size of my wen the boxes on the right comming off the page, i have play with the size any where from 750 and this is the best i could get.

any idea what i am doing wrong?

please some one answer

Ty

24 Feb 2008, 5:58 PM
#10
jacon1965 avatar

jacon1965

New Zenner

Join Date:
Feb 2008
Posts:
32
Plugin Contributions:
0

Re: How to place an image in header.

I tried this too. It did not work for me either. if anyone knows how to do this, please explain.