Using javascript and a separate css for the header.

[kobra]

1. The logo uses more than 256 colors therefore a transparent gif is out of the question.

My photoshop can export to a 256 color gif...

2. The logo itself will change on occasion. What you have described to me is fine if the logo itself is static and the only the background behind the logo changes.

All the more reason to seperate it - then you only need change one image and not the dozen that you are talking about

[Tantirx]

My photoshop can export to a 256 color gif...


All the more reason to seperate it - then you only need change one image and not the dozen that you are talking about

I'm not trying to be difficult but I am aware of how Photoshop works. Not to mention the whole idea of the script is AUTOMATION and the ability to eliminate changing that part of the site...ever.

[kobra]

Then just add the js according to the Zen convention I linked earlier and add the rotator code to your header

[Tantirx]

I have added the javascript according to the Zen convention you linked earlier. But it's not working...it's showing up when you view source on the page but there is one more html line that needs to be added...namely:

<img src="./logo.jpg" onload="setImgByDate(this,holiday)">

This code is placed in the spot where header logo would go. The img src loads the "default logo header image" and the "onload" command overrides the "default logo header image" and the java script looks at the date on the users computer and loads the logo banner according to the date. The img src="./logo.jpg" is simply a fail safe in case the js fails.

More suggestions please.

[Tantirx]

Ok I found how to add and onload command :)

It still doesn't work Someone must have the expertise to assist me with more to get this to work. I chose Zen Cart for the huge amount of options available.

But; if I can't get this damn thing skinned then I will go back to another cart system with less options but I can get it to look the way it needs to look. I really hate CubeCart.

Can someone assist?

[kobra]

This code is placed in the spot where header logo would go.

How
about the actual file name and more of the surrounding code

[DrByte]

You posted a URL which you said is your mockup page.
What's the URL to your Zen Cart page where this alleged problem can be seen in action?

[Tantirx]

Sorry all...brain fart

The url for the ZC installation is http://www.oceanabyssaquatics.ca/store/ I have done nothing but trying to skin this thing. As u see I have the background image in place and the overall width is where it should be. I did also make a new template called abyss and followed the directions in the tutorials. I did find some discrepancies between the tutorials and advice in other threads. That is why when you view source on the main ZC page you will see two of the same javascript instances in two different locations....arg.

Another Note: the bar above (what is now the zc logo) with the home and login links will stay there. The header/logo/js combo will be where the ZC logo and the "TagLine Here" text is. The header should be 100px x 150px (which it is).

I know CSS well as well as HTML....I can loosely follow php and javascript (and I do emphasis loosely)

I believe the onload should be in the "logowrapper" and not the body tag.

Thanks for looking