Adding additional images to the main header

I need to add additional images to my main header and using firebug see that a clever zenner did this!

<div id="logoWrapper">
<div class="back" id="logo"><a href="http://www.aaa.aa/"><img height="138" width="316" title=" title " alt="title" src="includes/templates/custom/images/title.jpg"></a></div>
<div class="forward"><a href="http://www.aaa.aa/index.php?main_page=corporate_sales"><img height="138" width="322" title=" title " alt="title" src="includes/templates/custom/images/logosecond.jpg"></a></div>
<div id="logothird"><img height="40" width="256" title=" title " alt="title" src="includes/templates/custom/images/logothird.jpg"></div>
<br class="clearBoth">

and if I look for div id="logowrapper" using developers tools in admin it directs me to
/includes/templates/template_default/common/tpl_header.php

not a natural born coder so when I go there bit overwhelmed - it all seems to be calling on other stuff or directing to other stuff:

Where should I be looking??

Not sure what you're asking. You can just add HTML to template files, as the example you referenced did:
**

just adds an image to the header, and giving it its own id allows you to style it or move it around by editing that id in the stylesheet.

You would want to be adding the new div just after the closing </div> of the id="logo" div. Count tags if necessary to be sure you are in the right place.

If you want the other images to be home links as well, you can make an exact copy of the logo div code (changing the id to logoSecond and HEADER_LOGO_IMAGE to 'your_image_name.gif'). If you don't want links, you can subtract all of the <a...> </a> tags in the copy.

The example you give has the second logo linking to the corporate_sales page instead of home, while the third logo is not a link.

Hi Guys, many thanks for your help, just lost on which file I should be making these changes in?

/includes/templates/your_template/common/tpl_header.php.

Hi sorry I know you show a lot of patience with people like me but may I just confirm that I would be getting rid of this

and replacing it with the div class info for my chosen images??

Feels wrong

or would I add another div after it?

While i am on the subject of things i struggle with need to add some script to the head and body of my index.php (home page) but cant see the tags

Spotted something i may have done wrong - I only have a common folder in my template_default folder - should I have made a copy of common and put it in mytemplate - I am using classic and have not re named it yet

If you want multiple images, you need to add the new div(s) after the original logo div.
Never change a file in a /template_default/ folder; make a copy of it in a /your_template/ folder (or /your_template/common/ in this case), and edit that.

Thanks so much for the wonderful clear instructions, makes such a difference to understanding whats going on. Do you think I should change the name of classic, read somewhere it could pose a problem if I ever work up the courage to up grade. If so what would be the overall implications?

Ok in principle that went quite well, I put the following in:

So while both images come up, the xmaslogo one sits underneath the middlelogo

How would I make it sit on the right

on reflection that was not a thought thro request - I understand i should make a change in my stylesheet.css just a little unsure of how now i have the default

#logo {float: left;}

how do i give each image a position?

You can make the #middlelogo and #xmaslogo float: left;
#xmaslogo could float right if there is extra space and you want it to hug the right edge of the header.

Hi There,

This has been a tremendous help to me but I have a little glitch.

I entered similar div into tpl_header.php

and I've been playing around with it in css which is:

#rightlogo {
float:right;
padding-right:25px;
padding-top:25px;}

But I can't seem to get the cle hospitality logo on the right hand side and the home/log in/shopping cart in the middle. I was able to move the home/login/shopping cart but then the logo was stuck in the middle as well. I'm not sure what I'm doing wrong but I'd greatly appreciate some insight.:unsure:

http://marketcafe-online.com

Also, how do I enter the URL into the <div so that the logo links and opens in a new page, to an external URL? Much much appreciated, Lynn

Hope this will help - first time I have posted a solution rather than a cry for help - I used <a> to split the logos and position them in tpl_header

stripeyfrog . com

You have done everything right except for accounting for the behavior of "float: right;". You have both the navbar and the cle logo floated right, and the first one in the code floats first and ends up farthest right. You could move the new div to just above the navMain list in the code, or you could remove the float on the navbar list.

stylesheet.css (line 61)
#navMain ul {
float:right;/*change to none */
line-height:1.5em;
list-style-type:none;
margin:0;
padding:0.5em 5em;
position:relative;
right:14px;
text-align:center;
top:40px;
}

Thank you so much! :clap:

Plus I figured out how to do add a link to it so that the code in tpl_header.php looks like this:

If possible, I have one more question regarding opening ez pages in a new page. I'm aware of the external links but can't figure out how to direct open in a new page in the URL space?

Scratch the last question I just discovered that there's an option within the EZ page :blush: