Support for CSS Flyout Menu

[welchyboy]

Yeah I am testing out some other things I guess the client won't get everything they want...I have put a blank sidebox on there and added some block test like HISTORY and made it a link. I am messing with that to see how it will look. Then I am thinking of just making the category menu look like this

http://diapercakesmall.com/

What kind of program can do this?

Once I got the categories setup looking nice like that I was going to add the blank box and have additional link "images" there but I am not sure. Not doing too good right now lol.

Where can i go to get experienced coders who could build me a menu that looks similar to this. Even if I have to pay I might have to go that route to get this done and the way the customer likes. Please any one have any suggestions I have wasted half the Saturday looking at other sites and trying to figure out which route to take. Any help is deeply appreciated!

http://www.thepecanbarn.com/index.php

[cmwoods]

One thing, however, that is a little annoying, maybe there's an easy fix...on my menu when you move curser over a link menu, the other links drop down slightly...is there any way to prevent this?

Yes, you can get rid of it. You need a small border on the bottom of each item, 1px will do it.

And also you seem to need a closing comment marker in the CSS too, which appers to fool IE into working properly, like FF does anyway.

My CSS has been quoted several times in this thread already so I won't quote it again, but if you look through that, you will be able to get it to work properly.

www.wilcodirect.co.uk is proof of this, unless something has gone wrong with it today.....

[cmwoods]

I just wanted to say thanks to cmwoods and point out this great contribution from page two of the thread. For those of us who want to get right down to the basics of a CSS flyout menu in order to integrate it with the look and feel of their template, this stylesheet is a much better starting point.

Maybe it could even be included as an alternative in the next release of the contribution.

Thank you for your kind comments. In order to get my site working as I liked, a needed to alter the CSS so I tidied it up at the same time. Glad it provided some assistance to you.

[welchyboy]

NO NEED I got it LOL...Never used that icon before so i thought I would throw it in haha.

I was able to get the links added at the bottom of the css flyout menu by using the same code displayed earlier not sure why it didn't work in the first place...

$content .= '<a href="THE URL">' . 'THE NAME' . '</a>';

However I am trying to figure out what type of information i need to put into the stylesheet_categories_menu.css to be able to change the color and size of that link as well. I would like to be able to set different font sizes and colors than the actual menu. Is this possible. Thanks for the great work there is lots of info in this thread!!

The website is

http://www.wpc-consulting.com/~stxmill/

[welchyboy]

I am having another issue. I have some flash photo galleries on the website and whenever I am on the page and i go to the flyout menu the gallery hides the majority of the menu. Any way of preventing this?

htt://www.wpc-consulting.com/~stxmill/

Also can i disable or change the destination of the "product" link on the menu. For example if someone clicks the actual product button instead of going to a subcategory it will take them to the home page with links at the bottom of the page. How can i change this?

[welchyboy]

One last thing...I have added multiple links to the bottom of the menu but for some reason they are not going to their own lines. I can not figure out why. I have added a space after the 'Home ' just like that but didn't make a difference. I have spend time researching it but most of the google searches come up to this thread lol. Anyone know how to get this to work?


EDIT...

Sorry just figured out the answer.. adding this piece of code in between each link will create a space.

$content .= '<div id="test">';

[jjgtrading]

Can anybody verify that the CSS Flyout Menu works with 1.3.8a? If so is there any modifications that need to be made?

[cevans73]

Hello!

Would it be possible to remove the link to the first (top) Category, so basically when my client goes to my category sidebox and puts their curser over 'Ceramic Mugs' (CSS flyout installed) I don't want a link to that, I would want them to just be able to click or link directly to my subcategories, like 'Bistro style' or 'Barrel Style'.

Here is a link to my site...currently you can click on the top category and go to a page that is kind of redundant, so I want to prevent people from clicking on the top parent category link. (so there would be no link on 'Ceramic Mugs')
http://www.bizmug.com/zencart/index....index&cPath=65

I've looked and looked but can't figure it out.

Thanks in advance for any help!
Chris

[ckosloff]

Hello!

Would it be possible to remove the link to the first (top) Category, so basically when my client goes to my category sidebox and puts their curser over 'Ceramic Mugs' (CSS flyout installed) I don't want a link to that, I would want them to just be able to click or link directly to my subcategories, like 'Bistro style' or 'Barrel Style'.

Here is a link to my site...currently you can click on the top category and go to a page that is kind of redundant, so I want to prevent people from clicking on the top parent category link. (so there would be no link on 'Ceramic Mugs')
http://www.bizmug.com/zencart/index....index&cPath=65

I've looked and looked but can't figure it out.

Thanks in advance for any help!
Chris

That link returns a 404 error

[ckosloff]

Can anybody verify that the CSS Flyout Menu works with 1.3.8a? If so is there any modifications that need to be made?

Answer is yes, it does work.
I suggest that on top of the CSS you put this:
body {
behavior: url(includes/csshover.htc);
/* WinIE behavior call */}
instead of the standard body tag, to address bugs in IE6.
Read the thread for additional tips on CSS and other stuff.