CSS Dropdown menu for the header- With Categories!

[welchyboy]

Is there a way to change to text color on hover over as well. I was also curious if i made something in photoshop can i put it in the place of the hover button. I am just trying to customize this menu so it isnt ordinary. I love it but i have seen some where they look like tabs and so forth. How can i do something like this. Is there some kind of customizing manuel i can check out lol so i dont have to continue to bug you?

Thanks again for everything

[countrycharm]

Hi jettrue I have a question for you. I have looked but could not find the answer. I am using your Cherry Template and I was wondering how can I use this Mod on that template header. I can not seem to get it to work. What do I need to change in the header.php Thank you for your help.

[jettrue]

Hi jettrue I have a question for you. I have looked but could not find the answer. I am using your Cherry Template and I was wondering how can I use this Mod on that template header. I can not seem to get it to work. What do I need to change in the header.php Thank you for your help.

Read the readme.txt for this mod.

[countrycharm]

Thank you for your fast response jettrue.
I did read the read me notes for this Mod but I still don't understand how to use this header in place of the other. Actually incorporate it into the cherry template header. Call me stupid lol. Here is my web site

[countrycharm]

I think I have it right now but the drop down menu Looks crooked to me and it is smaller. Is there a way to center it or widen it to match the top link. It looks better in IE than in FF Thank you.

[countrycharm]

I think I have it right now but the drop down menu Looks crooked to me and it is smaller. Is there a way to center it or widen it to match the top link. It looks better in IE than in FF Thank you.

I thought it look better in IE7 but when you mouse over home I get a white space over on the right end. Anyway when you get a chance let me know what I can do to correct this if you would. These is what I did to the tpl_header.php. I don't know if that was right or not. Sorry for posting so much but I thought I would give an update on what I was doing just in case someone else runs into the same problem.
My Site

<?php
/**
 * Common Template - tpl_header.php
 *
 * this file can be copied to /templates/your_template_dir/pagename<br />
 * example: to override the privacy page<br />
 * make a directory /templates/my_template/privacy<br />
 * copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_header.php<br />
 * to override the global settings and turn off the footer un-comment the following line:<br />
 * <br />
 * $flag_disable_header = true;<br />
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_header.php 4813 2006-10-23 02:13:53Z drbyte $
 */
?>
<!--bof-header logo and navigation display-->
<?php
if (!isset($flag_disable_header) || !$flag_disable_header) {
?>
<?php echo rss_feed_link_alternate(); // RSS Feed ?>
<!-- divs for drop shadow -->
<div id="nw"><div id="ne"><div id="se"><div id="sw"><div id="n"><div id="s"><div id="w"><div id="e"><div id="main"><table id="workaround"><tr><td>
   <div id="headerWrapper">
      <!--bof-navigation display-->
      <div id="navMainWrapper">
        <div id="navMainSearch">
          <?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?>
        </div>
        <div id="navMain">
          <ul>
            <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?>
            <?php if ($_SESSION['customer_id']) { ?>
            <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>">
            <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>">
            <?php
      } else {
        if (STORE_STATUS == '0') {
?>
            <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>">
            <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>">
            <?php } } ?>
            <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>">
            <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>">
          </ul>
        </div>
      </div>
      <!--bof-drop down menu display-->
<?php require($template->get_template_dir('tpl_drop_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_drop_menu.php');?>
   <!--eof-drop down menu display-->
   <div class="clearBoth"></div>
      <!--eof-navigation display-->
      <!--bof-branding display-->
      <div id="logoWrapper" class="clearfix">
        <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))) { ?>
        <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>
      <!--eof-branding display-->
      <!--eof-header logo and navigation display-->
      <!--bof-optional categories tabs navigation display-->
      <?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>
      <!--eof-optional categories tabs navigation display-->
      <!--bof-header ezpage links-->
      <?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
      <?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
      <?php } ?>
      <!--eof-header ezpage links-->
    </div>
    <?php } ?>

Thanks

[khopek]

I wan't to get rid of the 'Categories' link altogether and instead have the Top Level Categories as their own links on the dropdown menu, and not knowing PHP is hindering me a bit.

What do I need to do to accomplish this?

[jettrue]

Is there a way to change to text color on hover over as well. I was also curious if i made something in photoshop can i put it in the place of the hover button. I am just trying to customize this menu so it isnt ordinary. I love it but i have seen some where they look like tabs and so forth. How can i do something like this. Is there some kind of customizing manuel i can check out lol so i dont have to continue to bug you?

Thanks again for everything

div#dropMenu li:hover {color:#000000}

For hover tabs, you can set a background image for each tab in the css, but first you'll need top open up includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php and follow my instructions here:
http://www.zen-cart.com/forum/showpo...postcount=1991

Then you can give each div its own image within the css.

[ieguana]

OK, I am going bollistic trying to ge tthis menu to work on my site. I added it to my original site and the entire page disappears. I then added it to a new site (from a fresh install) http://test.ieguana.com following instructions completely. I added the access files where necessary and everything.

So, if you look at the site I mentioned, you will find my current problem. Hopefully someone can help me with this. I would love to get this working correctly. maybe it is somethign that I am looking to hard for.

[jettrue]

OK, I am going bollistic trying to ge tthis menu to work on my site. I added it to my original site and the entire page disappears. I then added it to a new site (from a fresh install) http://test.ieguana.com following instructions completely. I added the access files where necessary and everything.

So, if you look at the site I mentioned, you will find my current problem. Hopefully someone can help me with this. I would love to get this working correctly. maybe it is somethign that I am looking to hard for.

If its done right, it works.

You have not uploaded all files into their correct folders. Check, double, triple check. Then check again if its still not working. It's easy to make a mistake.