I am trying to convert over to Zen and I already have my site "themed" the way I want it. I spent several weeks setting it up last year and I have it just like I want it. Problem is, it is in OSC. While trying to get my new Zen site to look my old OSC site I ran across a problem. It seems that things are a little different in Zen. I have a bit of code that I would like to post here and get a few pointers in the right direction if someone would be so kind.

You can see what I want everything to look like here -> http://gscoffeeclub.com . This is my OSC site.

My Zen site is located here -> http://gscoffeeclub.com/store/. Once I have everything like I want it I will replace OSC.

Here is the code I want to incorporate into my Zen site.

Code:
<link href="/stylesheet.css" rel="stylesheet" type="text/css" />

<div id="Layer1" class="Layer1">G</div>
<div id="Layer2" class="Layer2">ourmet</div>
<div id="Layer3" class="Layer3">&nbsp;S</div>
<div id="Layer4" class="Layer4">oiree</div>
<div id="Layer5" class="Layer5">Coffee</div>
<div id="Layer6" class="Layer6">Club</div>
<table border="0" width="100%" cellspacing="0" cellpadding="1" background="/images/rep_2.jpg">
  <tr class="headerNavigation">
    <td class="headerNavigation">&nbsp;&nbsp;<?php echo $breadcrumb->trail(' &raquo; '); ?></td>
    <td align="right" class="headerNavigation"><a href="<?php echo tep_href_link(FILENAME_BLOG, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_BLOG; ?></a> &nbsp;|&nbsp;
      <?php if (tep_session_is_registered('customer_id')) { ?>
      <a href="<?php echo tep_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_LOGOFF; ?></a> &nbsp;|&nbsp;
      <?php } ?>
      <a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a> &nbsp;|&nbsp; <a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a> &nbsp;|&nbsp; <a href="<?php echo tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CHECKOUT; ?></a> &nbsp;&nbsp;</td>
  </tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#666666">
  <tr>
    <td><?php echo tep_draw_separator('pixel_trans.gif', '50%', '2'); ?></td>
  </tr>
</table>
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" background="/images/top_left.jpg"><a href="http://gscoffeeclub.com"><img src="/images/pixel_trans.gif" width="277" height="168"/></a></td>
    <td align="center" background="/images/beans_4.jpg" width="100%">&nbsp;</td>
    <td align="right" background="/images/top_2.jpg"><img src="/images/pixel_trans.gif" width="328" height="168"/></td>
  </tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#666666">
  <tr>
    <td><?php echo tep_draw_separator('pixel_trans.gif', '50%', '1'); ?></td>
  </tr>
</table>
<table width="100%" height="28"  border="0" cellpadding="0" cellspacing="0" background="/images/search.jpg">
  <tr>
    <td class="main" align="left"><?php echo tep_customer_greeting(); ?> </td>
  </tr>
</table>
This is something I call coffeeclub_top.php in my OSC shop. My template system loads this with my site.

I am pretty sure that this code needs to go into my
/includes/templates/gscoffeeclub/common/tpl_ header.php
file but I can't seem to get the language and structure right. I am not an expert PHP programmer. I know just enough to be dangerous.

I have made some modifications but I know that I am going to need a little help to get it like I want it. This is what I have so far.
Code:
<div id="logoWrapper">
        <div id="Layer1" class="Layer1">G</div>
        <div id="Layer2" class="Layer2">ourmet</div>
        <div id="Layer3" class="Layer3">&nbsp;S</div>
        <div id="Layer4" class="Layer4">oiree</div>
        <div id="Layer5" class="Layer5">Coffee</div>
        <div id="Layer6" class="Layer6">Club</div>
    <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>

<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
I placed a link to one image in the
/includes/languages/english/gscoffeeclub/header.php
but this is not the ultimate way I want this done. I have a total of three images that I want set as background images across the top of the page with a transparent image over them (prevents image theft). It needs to remain three separate images so that the site can resize according to the users screen resolution. The left and the right image stay to the outside while the middle image stays center and is big enough to handle any screen resolution.

I can handle the links at the top of the header and I think that I can hack from the code located elsewhere to accomplish the breadcrumb code so I am not too worried about that. If someone can help me in showing me how to incorporate the table (basically the following code) into the header (wherever it needs to go (tpl_header, css, header, whatever)) I would greatly appreciate it.

Code:
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#666666">
  <tr>
    <td><?php echo tep_draw_separator('pixel_trans.gif', '50%', '2'); ?></td>
  </tr>
</table>
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" background="/images/top_left.jpg"><a href="http://gscoffeeclub.com"><img src="/images/pixel_trans.gif" width="277" height="168"/></a></td>
    <td align="center" background="/images/beans_4.jpg" width="100%">&nbsp;</td>
    <td align="right" background="/images/top_2.jpg"><img src="/images/pixel_trans.gif" width="328" height="168"/></td>
  </tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#666666">
  <tr>
    <td><?php echo tep_draw_separator('pixel_trans.gif', '50%', '1'); ?></td>
  </tr>
</table>
<table width="100%" height="28"  border="0" cellpadding="0" cellspacing="0" background="/images/search.jpg">
  <tr>
    <td class="main" align="left"><?php echo tep_customer_greeting(); ?> </td>
  </tr>
</table>
Thank you!


Sorry for the long post.


Gary