CSS Dropdown menu for the header- With Categories!

[pritchb]

Thank-you Alepia! The logo is gone!

Since you are so helpfull, could you take a look at my site (www.newtools4you.com) and look at the Header. Do you see how the Home and Login links do not line up correctly?

Could you tell me how to fix this? It should be located within the boundaries of the web page.

[alepia]

Hi Can anybody tell me how to change the color from green to blue when hover over the menu bar top level menu.
I have tried stylesheet_header_menu.css and all I can do is change the green to blue on the second layer.
Any help most appreciated.
Steve - From a land down under

Just go to the stylesheet file, i mean stylesheet_header_menu.css in .../includes/templates/css
at line 6 ( ca.) you will find that

div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #4f4f4f!important;background:#D5E88F;}

change background color with the one you prefer!
Hope to have been clear ;)

[alepia]

Thank-you Alepia! The logo is gone!

Since you are so helpfull, could you take a look at my site (www.newtools4you.com) and look at the Header. Do you see how the Home and Login links do not line up correctly?

Could you tell me how to fix this? It should be located within the boundaries of the web page.

well as you have installed the css dropdown menu... I don't think you need another menu in your header...
so you need to handle again with the tpl_header.php file.
I think you need to delete this from your tpl_header :

<div id="navMainWrapper">
<div id="navMain">
<div id="navMainLinks">
<ul class="back">
<li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>
<?php if ($_SESSION['customer_id']) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
<?php
} else {
if (STORE_STATUS == '0') {
?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
<?php } } ?>
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php }?>
</ul>
</div>
<div id="navMainSearch">
<?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?>
</div>
</div>
</div>
<div class="clearBoth"></div>

Remember to do a backup! This should work ;) nice website btw

[pritchb]

Alepia,

I changed my mind and decided to put the logo back, which I did. As you can see (NewTools4You.com) the logo is not positioned properly. I assume that the position is controlled in the TPL_Header file but I could not see any reference to it.

Also, I would like to move my "Prices dropping" pic in the middle of and have a shopping cart on the right.

How would I go about this?

Thanks so much for your help and suggestions. I am trying to fix the backround now.

[Bexley]

Just go to the stylesheet file, i mean stylesheet_header_menu.css in .../includes/templates/css
at line 6 ( ca.) you will find that change background color with the one you prefer!
Hope to have been clear ;)

Thanks that worked great
my skill with PHP is getting better but I have a long way to go yet
Steve ( From a land down under)

[Bexley]

Just go to the stylesheet file, i mean stylesheet_header_menu.css in .../includes/templates/css
at line 6 ( ca.) you will find that change background color with the one you prefer!
Hope to have been clear ;)

Thanks that worked great
my skill with PHP is getting better but I have a long way to go yet
Steve ( From a land down under)

Could you also tell me how I can center the drop down menu items instead of left align as my site can expand to cope with different size monitors. The top menu text centers just great but the drop down always left aligns and I think it might look nice centered at least the first level drop down the rest could be left aligned to that.
help is most appreciated until I can contribute.
Site is still under development but is http://www.bexley.net.au/bshop
Steve - From a land down under

[andreitero]

What a big joke this forum is!!!!
The search is crap,cant find anything!
I know my question is not so hard for most of you!

[gjh42]

Actually, what you are asking about is essentially merging two mods that each use the same base file. Something as fundamental as the way the categories tree is generated will probably not be possible to just merge; one of the mods would need to be rewritten to call a differently-named version of the file so the two can operate in their own ways at the same time.

I doubt anyone is fully familiar with the code in both of those mods, so it would require some research to begin to be able to answer you.

[lat9]

Great mod, installed like a dream and the CSS is teaching me stuff I didn't know was possible!

I've created a tab-shape gif for my li.level1 items, so I don't want the hover-color to show when I (ahem) hover on them. I tried adding

div#dropMenu ul.level1 li a:hover{ background-color: none!important; }

to the bottom of stylesheet_header_menu.css, but no joy. Anyone care to offer up a CSS incantation to remove the background color from the level1 items?

[gjh42]

Is it
li.level1
or
ul.level1 li ?

It makes a difference. Seeing it live would be the easiest way to tell exactly what is going on.