HTML in the header

**touchclothing** · 3 Feb 2007, 01:34 AM

is it possible to make my header HTML? I want to do something like this site http://www.wholesale-fragrances.co.uk/shop/index.php

if he is not doing in HTML does any one know how it is done?

But I do still want to know if I can do HTML in the header.

**KaeFeE** · 3 Feb 2007, 02:55 AM

What dou you mean with HTML header?.

The page that you post is doing changing and adding some graphic elements in the stylesheet, like background-image: property, in the stylesheet.css file.

and changing some things in the tpl files (in the template), like the place for the Main Nav code.

Look this post.

http://www.zen-cart.com/forum/showthread.php?t=56387

**touchclothing** · 3 Feb 2007, 03:00 AM

where it shows " home - log out - my account" I want to know how to do this?

**jettrue** · 3 Feb 2007, 03:43 AM

Originally Posted by touchclothing

where it shows " home - log out - my account" I want to know how to do this?

To be honest, whoever did it, did it with lots of skill and knowledge of how css works. It's not something that you can just ask "how is that done", and get an easy answer. Doing something that detailed and graphical, if you're not experienced with doing that already, requires either hiring someone that can do it from scratch, or finding somewhere that sells ready made templates. In fact, if you look at that site's css, they got that template here:

http://www.zenwebs.com

**touchclothing** · 3 Feb 2007, 04:10 AM

how did you see the CSS?

**jettrue** · 3 Feb 2007, 05:45 PM

Originally Posted by touchclothing

how did you see the CSS?

Well, I use Firefox, and have the Web Developer add on, which allows me to view the css with one click....but anyone can see the css. Just go to the page, right click and choose view source.

Near the top of the page, you'll see this:

<link rel="stylesheet" type="text/css" href="includes/templates/Series_12_Paper/css/stylesheet.css" />
<link rel="stylesheet" type="text/css" media="print" href="includes/templates/Series_12_Paper/css/print_stylesheet.css" />

so now you know where their stylesheet is, and can view it:

http://www.wholesale-fragrances.co.u...stylesheet.css

**touchclothing** · 3 Feb 2007, 08:27 PM

thank you very much. My other question about HTML in the header. This is what I am looking to do. I want to put and HTML image map in the header can I do this or is there and easer way to make this happen?

**jettrue** · 3 Feb 2007, 08:43 PM

Originally Posted by touchclothing

thank you very much. My other question about HTML in the header. This is what I am looking to do. I want to put and HTML image map in the header can I do this or is there and easer way to make this happen?

You can certainly do whatever you like. :-) I prefer myself to pretty much leave the layout of zen cart intact, and try to accomplish what I want through the css and leave out extra markup as much as I can. But you can open up includes/templates/YOUR_TEMPLATE/common/tpl_header.php and create a new <div> if you need it, and in that div put the new image and image map, and use the css to do the styling.

**Pablosan** · 3 Feb 2007, 09:38 PM

Originally Posted by touchclothing

thank you very much. My other question about HTML in the header. This is what I am looking to do. I want to put and HTML image map in the header can I do this or is there and easer way to make this happen?

I want to do the same thing.
I was thinking of using image ready to add image maps to my header for additional buttons.

But I'm not sure how to incorporate it into zen, same as you.
http://www.estore.haskellgraphics.com/

imageready says it will output these files for rollover buttons

Save a web version of your rollover using the File > Save Optimized command. Make sure that the output settings are set to save an HTML page along with the image files. ImageReady will write the JavaScript code for the rollover in the HTML page.

If I get it to work I'll post back.

**Pablosan** · 4 Feb 2007, 05:22 AM

Works just like jettrue said. I took the image out of the stylesheet and just stuck this in tpl_header.php

Code:

<!--bof-branding display-->
<div id="logoWrapper">

<html>
<head>
<title>header</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (header.psd) -->
<img src="../includes/templates/haskellgraphics/images/header_01.gif" width="800" height="125" border="0" alt="" usemap="#header_01_Map">
<map name="header_01_Map">
<area shape="rect" alt="" coords="643,105,661,117" href="http://www.estore.haskellgraphics.com/index.php?main_page=contact_us">
<area shape="rect" alt="" coords="671,105,684,117" href="http://www.estore.haskellgraphics.com/index.php?main_page=contact_us">
<area shape="rect" alt="" coords="686,105,698,117" href="http://www.estore.haskellgraphics.com/index.php?main_page=contact_us">
<area shape="rect" alt="" coords="663,108,670,117" href="http://www.estore.haskellgraphics.com/index.php?main_page=contact_us">
<area shape="rect" alt="" coords="349,103,365,115" href="#">
<area shape="rect" alt="" coords="366,103,376,118" href="#">
</map>
<!-- End ImageReady Slices -->
</body>

Now just need to finish the buttons!! Didn't mean to hijack your thread

Thread: HTML in the header

Thread Tools

Search Thread

Display

HTML in the header

Re: HTML in the header

Re: HTML in the header

Re: HTML in the header

Re: HTML in the header

Re: HTML in the header

Re: HTML in the header

Re: HTML in the header

Re: HTML in the header

Re: HTML in the header

Similar Threads

Can the header include an HTML table?

HTML in the header

Posting Permissions