Support for CSS Flyout Menu

[Darkhijacker]

I repaired CSS Flyout Menu on my site, and everything works good.

[ckosloff]

Congrats, but it would be interesting to know what you did.

[ckosloff]

ARGHHH!
I got it fast.
Replaced the aforementioned line by this one:

 if (SHOW_CATEGORIES_BOX_SPECIALS == 'true' or SHOW_CATEGORIES_BOX_PRODUCTS_ALL == 'true'){

and everything works.
Obviously, you can't put three or statements in a row.
I just replaced NEW by ALL and got rid of the New link.

[musicfreer]

Hi

I have just installed CSS flyout and thanks for this great modules

However, the preset flyout image really does not fit my website design, and some how the image is not long enough for my category names

Please let me know how I could enable the fly out without images
Here is my site for your info:
http://www.locomolife.com/zen/

I would like to have the effect as the following site:
http://www.dealextreme.com/

As you can see, the flyout in above site does not use any image, but just a table like blocks. To summarize, below are the effects I want:
1) Do not use flyout image
2) When mouseover the category, either the words or backgrounds of that category will change color

I know it must be very easy to do but I really have no idea. Any help will be appreciated! thanks a lot!!

[ckosloff]

Get Em Fast published a menu without any images, just look back in the thread.
For your information, the images are provided for your convenience only, you can use any image you like.
Back in the thread I show how I got the buttons I use with a free online generator.
There are other options, both online and offline.
I just named the buttons the same as in the menu, and replaced them in the appropriate folders.
Then you set the size in the stylesheet, which I also published.
Very easy deal.

[musicfreer]

Get Em Fast published a menu without any images, just look back in the thread.
For your information, the images are provided for your convenience only, you can use any image you like.
Back in the thread I show how I got the buttons I use with a free online generator.
There are other options, both online and offline.
I just named the buttons the same as in the menu, and replaced them in the appropriate folders.
Then you set the size in the stylesheet, which I also published.
Very easy deal.

thanks ckosloff

I have edited the stylesheets accordingly. It works perfectly in FF!!

However, when I test in IE7, problem comes out. In FF, I only have to point to the background of the category and it will change the background color and show the subcategory list. However, in IE7, I have to point to the words to show the subcategory list. This makes me impossible to choose from the subcategory as the subcategory will disappear when the cursor leaves the main category wordings!

Besides, for the styles of the flyout menu, I managed to change the colors. But I want to have a border around the whole flyout menu, pls let me know how I should code it. I am really green to it.

Thanks for your ongoing support!

[musicfreer]

me again, I have found how to add the border for subcategory, thanks!

But I still can't solve the problem of IE, please help, thanks!!

besides, I would like to know the use of the following codes:

div#nav-cat ul.level2 {background-color: #dddddd; width: 180px;}
div#nav-cat ul.level3 {background-color: #dddddd;}
div#nav-cat ul.level4 {background-color: #dddddd;}
div#nav-cat ul.level5 {background-color: #dddddd;}
div#nav-cat ul.level6 {background-color: #dddddd;}

I tried to change the background color but nothing seems changed.

Thanks

[ckosloff]

Much as I would like to help you, I'm afraid that I am very limited here.
I am not the author of the imageless menu, Get Em Fast is, but he's a difficult guy to find.
I have never tested it myself.
However, I will give it a shot, do you have it up somewhere I can look at it?
Or is it only on a local test site?
div#nav-cat, etc. obviously refers to the different levels of categories and subcategories, the higher number the deeper.
Do you have the Web Developer toolbar for Firefox installed?
This will tell you exactly what you need to modify in the stylesheet to get the border you want.
Information --> Display Element Infomation
There is something similar for IE, but I never tried that one.
By the way, which IE are you testing on?
IE6 is a pain in the ########.

[ckosloff]

find #categoriescss in your stylesheet and put a border around it, like so:

#categoriescss {
border: etc;
}

[musicfreer]

Much as I would like to help you, I'm afraid that I am very limited here.
I am not the author of the imageless menu, Get Em Fast is, but he's a difficult guy to find.
I have never tested it myself.
However, I will give it a shot, do you have it up somewhere I can look at it?
Or is it only on a local test site?
div#nav-cat, etc. obviously refers to the different levels of categories and subcategories, the higher number the deeper.
Do you have the Web Developer toolbar for Firefox installed?
This will tell you exactly what you need to modify in the stylesheet to get the border you want.
Information --> Display Element Infomation
There is something similar for IE, but I never tried that one.
By the way, which IE are you testing on?
IE6 is a pain in the ########.

thanks for your reply, my site is as follow:
www.locomolife.com/zen

meanwhile I will test with the method in your second msg, btw, I am using IE7

thanks again!