Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / add another image to header???

add another image to header???

Locked

Views: 1,879

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
22 Mar 2007, 12:59 AM
#1
goldbuckle avatar

goldbuckle

Zen Follower

Join Date:
Dec 2006
Location:
near Atlanta Georgia
Posts:
219
Plugin Contributions:
0

add another image to header???

I already have my logo at the top of my website https://www.discountprintingservice.com, but now I want to add a jpg of my printing press directly across from my logo but over the top of the background image. Can any one give me a hand as to what file to do it with and were to put it???
I was thinking in the css file or the html_header.tpl file but I am not sure & don't want to screw something up. Oh, I am using the template silverfish if that helps.

Thanks,
John

22 Mar 2007, 2:32 AM
#2
goldbuckle avatar

goldbuckle

Zen Follower

Join Date:
Dec 2006
Location:
near Atlanta Georgia
Posts:
219
Plugin Contributions:
0

Re: add another image to header???

Okay, scrap that idea. I have just finished making a new banner logo (image) which I have on the site now. My problem is it that it's not lined up with the rest of the header. It is too far to the right and not up high enough but is covering up the top search box. I would like to make the banner image line up, just like it is without reducing its size, but making the header background area taller so the banner image will fit in it without covering anything up. :shocking:
Any one??? Any one???

Thanks,
John

Bueller?? Bueller?? Ferris Bueller?? Bueller?? Has anyone seen Bueller??

22 Mar 2007, 3:05 AM
#3
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: add another image to header???

Did you adjust the size of the header image in includes/languages/english/YOUR_TEMPLATE/header.php?

You might also want to check this in your stylesheet to reposition the header on the page a bit.

#logo {float: left; position: absolute; top: 5px; left: 15px;}

22 Mar 2007, 4:31 AM
#4
goldbuckle avatar

goldbuckle

Zen Follower

Join Date:
Dec 2006
Location:
near Atlanta Georgia
Posts:
219
Plugin Contributions:
0

Re: add another image to header???

#logo {float: left; position: absolute; top: 5px; left: 15px;}

I can't find that string in my css. I am using the silverfish template and I think some things are different in it than from the other templates. It has me very confuses and frustrated.

Did you adjust the size of the header image in includes/languages/english/YOUR_TEMPLATE/header.php?
I can't find that file either.

John

22 Mar 2007, 7:26 AM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: add another image to header???

I think you are being too literal. You need to adjust the way you are searching.

Instead of searching for an entire string, which would fail if anything was different, search for the essential part: #logo .

And I hope you are not looking for literally "/YOUR_TEMPLATE/", because you won't find it. It means "insert the name of your template folder here", and if you don't yet have that file in your template folder, it means "a copy of the file from /template_default/ which you will put in your template folder".

22 Mar 2007, 8:23 PM
#6
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: add another image to header???

GoldBuckle:

#logo {float: left; position: absolute; top: 5px; left: 15px;}

I can't find that string in my css. I am using the silverfish template and I think some things are different in it than from the other templates. It has me very confuses and frustrated.

Did you adjust the size of the header image in includes/languages/english/YOUR_TEMPLATE/header.php?
I can't find that file either.

John

That is most definitely in your stylesheet. It's near the bottom of the file:

/*
header
*/
#headerWrapper {position: relative; background: #88a0c2;}
#headerBackground {width: 100%; height: 83px; background: url(../images/bg_header.jpg) repeat-x #88a0c2;}
#logo {float: left; position: absolute; top: 5px; left: 15px;}
#navMainWrapper {width: 100%; background-color: #1D5685;}
#navMain {margin-top: 0px; width: 100%; color: #fff; background-color: #1D5685;}
#navMain ul {margin: 0px; padding: 0.5em 0em;	list-style-type: none; text-align: center; line-height: 1.5em; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #fff; text-align: center;white-space: nowrap;}
#navMain ul li {display: inline; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #fff; text-align: center;white-space: nowrap;}
#navMain ul li a {text-decoration: none; padding: 0em 0.5em; margin: 0; color: #ffffff; white-space: nowrap;}
#navMain ul li a:hover {background: url(../images/navMain_hover.gif);}
#navMainSearch {width: 100%; background-color: #1D5685; /*background-image: url(http://images.ciao.com/ide/images/tabs/bg_search_40px.gif);*/ float: right;}
#searchBox {float: right;}

/*
Category tabs
*/

You haven't used the overrides properly. Your logo is in includes/templates/template_default/images/logo.jpg. The next ZC upgrade will overwrite your logo. Please create a custom folder for it. includes/templates/silverfish/images/logo.jpg

You should have includes/languages/english/silverfish/header.php. If you don't, create includes/languages/english/silverfish/ folder and copy whatever header.php file you edited (probably includes/languages/english/template_default/header.php) into it.

This will save you lots of heartache later on.

8 Apr 2007, 3:08 PM
#7
motti avatar

motti

Zen Follower

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

Re: add another image to header???

HI

How to make a simple logo , i have photo shop , i try to make a simple one using a tile pic over zen logo ith some wording , for some reason it came out offside, i did make sure it is same size as my original log

any step by step how to create logo

thank you in advance

www.tiledepot.us/store