Add a second HEADER_LOGO ?

[DamienDLSkinSolution]

Hey guys,

Is there a way to have 2 HEADER_LOGOs next to each other in the logoWrapper?

I tried to modify the tpl_header.php and the header.php but since my php coding ain't even close to good, i couldn't make it work.

So far, i got the HEADER_logo duplicated (as HEADER2_LOGO) but it's stuck underneath the 1st one...

Here is what i got in the tpl_header.php:

<!--bof-branding display-->
<div id="logoWrapper">
    <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>
    <div id="logo2"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER2_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER2_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))) { ?>
    <div id="taglineWrapper">
<?php
              if (HEADER_SALES_TEXT != '') {
?>
      <div id="tagline"><?php echo HEADER_SALES_TEXT;?></div>
<?php
              }
?>
<?php
              if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
                if ($banner->RecordCount() > 0) {
?>
      <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>
<?php
                }
              }
?>
    </div>
<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
</div>
<br class="clearBoth" />
<!--eof-branding display-->

and here is the modification in the header.php:

// added defines for header alt and text
  define('HEADER_ALT_TEXT', 'Looloo\'s Skincare - back to the Homepage');
  define('HEADER_SALES_TEXT', '');
  define('HEADER_LOGO_WIDTH', '190px');
  define('HEADER_LOGO_HEIGHT', '190px');
  define('HEADER_LOGO_IMAGE', 'down_for_maintenance.gif');
  define('HEADER2_LOGO_WIDTH', '129px');
  define('HEADER2_LOGO_HEIGHT', '170px');
  define('HEADER2_LOGO_IMAGE', 'Plumeria-corner.png'); 

What am i missing (besides php coding skills... ah ah ha ) ?

link : www.loolos-skincare.com/index.php

Thanks,

Damien

[DamienDLSkinSolution]

ok... i think i got part of it...

Let me know if i am wrong but since the 2 images had a different "div id", they couldn't be on the same line.

I changed that and have them both under <div id=logo> and now they are both on the same line.

<div id="logoWrapper">
    <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>'; ?>
    <?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER2_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER2_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>

BUT since my CSS define #logo as "text-align:left", how can i now change their position independently ?
For example : how can i get the flowers on the right side of the page and keep the other logo on the left side ?

Thanks,

Damien

[misticloudz]

I would love to know if you've figured out a solution to this; I'm trying to do something similar (put a slideshow underneath an overlappping image in the header) and I cannot get them to line up next to eachother without giving them absolute positioning which is just a mess in itself for so many reasons.

But if you've figured out how to position them independently I'd love to know how

[misticloudz]

well I've managed to get it in place. I used a negative top value to bump the slideshow up underneath the overlay image, and gave the logowrapper a maximum height so that the space isn't huge anymore. I'm sure there's a better way to do this, but since the slideshow needs it's own separate div (because of all the fancy schmancy stuff I would imagine) I couldn't get them on the same line thatway...
oh well, it works right? now I just need to fix all the other problems...

[DamienDLSkinSolution]

I still haven't figure this one out...
I either get them next to each other or underneath but i can't figure how to independently place them...
Looks like it's either 2 different div, then they won't be on the sme line but they can be placed wherever. Or under the same div and then on the same but they are "stuck" together...
I wish i was better at coding...

misticloudz, i am glad you got yours right...

Damien

[fcdesk]

First of all, you seem to be missing a second closing </div> tag after the first since they are on the same line. (I added it into the code below)

Also, try this: I've highlighted in red the stuff I added and you should experiment with the bold part till you get it to be "padded enough"

<div id="logoWrapper">
<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>'; ?><span style="padding-left:50px"> <?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER2_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER2_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></span></div>
</div>

Hope that helps!