CSS Dropdown menu for the header- With Categories!

Quote:

---

Originally Posted by humbll

1. love the menu.
2. i know this is a trivial matter, but i would like to make the color of the menu same as the rest of the site - blue-grey background and grey or white words. what do i change the colors to in the stylesheet_header_menu.css ? below is the first section of my stylesheet.css for my template, i am confused by all the color definitions.
3. also, if you view the site, on either side of the menu is white space, is there a way to make that bule-grey as well, or perhaps extend the menu to cover it?
Thanks in advance.

mytemplates stylesheet.css:

---

To change the colors of the menu, simply open up includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css and you may have to play around a bit to find what changes what.

My green in the template is this:
background:#D5E88F;

so replace #D5E88F with what you'd like instead of green.

My dark grey is #4f4f4f, so just replace that with the color you'd like.

The text is controlled with the color: tags, so just adjust those to the color you'd like.

3. try giving :#dropMenuWrapper the background color you'd like.

I'd like to create a dynamic Manufacturers drop-down, with the name "Designers" instead of "Manufacturers". Please let me know how I can do this within one of the "li" tags. It would be awesome if you can provide the code within the "li" tags for implementation.

Thanks!

Quote:

---

Originally Posted by jvoce

My mistake.
I've now entered that information, and it didn't seem to change much.

I wonder if it's possible to force the second filter to show below the first, which should get most of these filters out of way of the menus. It already happens on longer filters. Please take a look at the pic enclosed for clarification.

---

Well I finally got back around to looking at this issue and I've reached a compromised solution. I stoped one filter from showing, and floated the one remaining right, as jettrue suggested. But the menu was still showing behind the search filters in IE6 and older so I resized the dropdown so that non would be able to reach them.

Thought I would give a heads up for anyone else having this problem.

:clap:

Quote:

---

Originally Posted by kittytickles

I'd like to create a dynamic Manufacturers drop-down, with the name "Designers" instead of "Manufacturers". Please let me know how I can do this within one of the "li" tags. It would be awesome if you can provide the code within the "li" tags for implementation.

Thanks!

---

I haven't added manufacturer capabilities dynamically yet. So you'll have to do this manually. You can use the backbone of thi code below, and just put your own links and page names in:

Code:

---

<li class="submenu"><a href="index.php?main_page=index">Information</a>
        <ul class="level2">
          <li><a href="index.php?main_page=shippinginfo">Shipping Info</a></li>
          <li><a href="index.php?main_page=privacy">Privacy Policy</a></li>
          <li><a href="index.php?main_page=conditions">Conditions of Use</a></li>
          <li><a href="index.php?main_page=about_us">About Us</a></li>
          <li><a href="index.php?main_page=site_map">Site Map</a></li>
          <li><a href="index.php?main_page=gv_faq">Gift Certificate FAQ</a></li>
          <li><a href="index.php?main_page=discount_coupon">Discount Coupons</a></li>
          <li><a href="index.php?main_page=unsubscribe">Newsletter Unsubscribe</a></li>
        </ul>
      </li>

---

I'm trying to let the menu and sub-menues overlap a little.

Firefox seems to be adjusting wuite fine, but IE7 seems to be having problems with this.

I've attached some photos and my drop menu stylesheet.

Please feel free to take a look for yourself.

I have a IE (6) error with the mod.

I installed everything correctly even the .htaccess file

When I type in www.mysite.com the menu won't drop down, but if I type mysite.com it works. Any clues to what is causing this? Works fine in FF.

I also get a error in IE saying access denied to csshover.htc

Shackle, try adding this to your index.php file to resolve this issue with IE:

<?php
$url = "http://www.your_site.com/";
header("Location: $url");
?>


Naturally, with the correct URL replacing "http://www.your_site.com/"

hello there,

my friend has IE 6. The dropdown graphics repeats some of the graphics, like a ghost image effect. It is slight but noticeable. Is this a bug with IE 6 also?

thanks,

:smile:

Quote:

---

Originally Posted by HeathenMagic

hello there,

my friend has IE 6. The dropdown graphics repeats some of the graphics, like a ghost image effect. It is slight but noticeable. Is this a bug with IE 6 also?

thanks,

:smile:

---

Don't know, but you might try adding "background-repeat: no-repeat;" to your stylesheet_categories_menu.css in both places where the images are called.
If it is trying to repeat in IE6, that should take care of it.

WOW! That did the trick. Thanks so much!!!:clap: