Support for CSS Flyout Menu

Quote:

---

Originally Posted by DBB1

Nope, but that does the trick... Thank you.

Perhaps that little tidbit needs to be included in the readme file that comes with the contribution.

It simply says "Just unzip, install the 3 files included.....enjoy."

The instructions should probably further state that the CSS file still needs to be edited to control the menu layout, that there are no Admin controls. Stating "now, it's much easier to customize your own menu colors without having to know css" is a tad misleading perhaps.

I understand that the contribution has been around forever, but the instructions seem to assume the reader is a long-time user.

I'll contact the contributor and make these suggestions, but in the meantime, maybe this post will help someone new to the flyout menu.

Thanks again for the help!
-DBB1

---

You just DID contact the contributor.......Note taken. I have also stated in a few posts back that I'm planning on releasing a new version. In that version, I will include all this in the Doc.

Thanks for the input.

Quote:

---

Originally Posted by vandiermen

Hello,

I am using tpl_categories_css.php which use's categories_ul_generator.php
which CSS Flyout Menu also use's.

My question is: how do I get categories_ul_generator.php from showing the "Document Categories"

Normal old category_tree.php / tpl_categories.php do not show the "Document Categories"... and I put all the 'Document Categories' in to the 'Document Categories side box'...

---

someone helped me and fixed it; they said they fixed it by doing this

in categories_ul_generator.php between line 45 and 47 i add this:

and c.categories_id NOT IN(33)

it says select all items with the category id from the categories table
except id 33

in the future, to take out more categories (any, not just document, add another number after a comma, like this

and c.categories_id NOT IN(33, 34)

Hello,

I love this plug in. Thank you, Get Em Fast!

Two questions:

1. How can I insert some space right before each menu item? My current menue looks like head-to-head.... www.best4future.com (scroll down the page, it is in the bottom)


2. How can I insert an image right before each menu item? In my case, I want to insert a Chinese flag in front of the item "Learn Chinese". www.best4future.com


Thank you for any advice!!

Quote:

---

Originally Posted by lina0962

Hello,

I love this plug in. Thank you, Get Em Fast!

Two questions:

1. How can I insert some space right before each menu item? My current menue looks like head-to-head.... www.best4future.com (scroll down the page, it is in the bottom)


2. How can I insert an image right before each menu item? In my case, I want to insert a Chinese flag in front of the item "Learn Chinese". www.best4future.com


Thank you for any advice!!

---

1)

div#dropMenu li.submenu ul.level2 li a {
text-align: left;
padding-left: 20px;
z-index: 1000;
}

2)

div#dropMenu li.submenu ul.level2 li:hover {
background-image: url(../images/YOUR_IMAGE.gif);
background-position: left center;
background-repeat: no-repeat;
z-index: 1000;
}

Quote:

---

Originally Posted by annnika

Hi - I wonder if it would be easy to modify the code in this (brilliant!) module to handle a custom, vertical menu? I.e. a menu listing multiple levels of external/internal links, instead of categories and products?

(I do need both, a Flyout menu listing Categories - working fine - as well as the custom menu) I started by renaming and modifying the following files to use them to display my custom menu, however, I have been playing with this for hours now and cannot get the categories_ul_generaotr.php file to find and loop around menulists other than the categories!

./includes/templates/MYTEMPLATE/sideboxes/tpl_categories_css.php
./includes/modules/sideboxes/MYTEMPLATE/categories_css.php
./includes/classes/categories_ul_generator.php

Might you have any tips to for someone who's php is not yet very proficient yet! :lookaroun

Many thanks!

annika

---

After tinkering for hours i discovered how to have a fully expanded category tree on the drop down. All css, no category generator(s).

Now you can hover over the level 1, the drop down......err, drops down and you now have a category menu with all of the categories, sub categories and their sub categories expanded.

I'll provide a link to a test site of mine with this working for anyone interested, please remember i have'nt started to style this yet but i will update when i have.

www.gearsofwargear.com

Quote:

---

Originally Posted by first trading

1)

div#dropMenu li.submenu ul.level2 li a {
text-align: left;
padding-left: 20px;
z-index: 1000;
}

2)

div#dropMenu li.submenu ul.level2 li:hover {
background-image: url(../images/YOUR_IMAGE.gif);
background-position: left center;
background-repeat: no-repeat;
z-index: 1000;
}

---

Thank you so much, Fasttrading!! Your guidance makes my life easiler!:clap:

Glad to help.

Hi I have installed this great module and everything is working great. It may seem strange but I would like to only have first level items showing as all the drop down boxes cover what is underneath. I have enabled the drop down items in my sidebox categories etc. The only one I am having difficulty locating is the login/create account .. not in layout controller.

Also for some reason the shopping cart tab is a pixel higher top and bottom than the rest of the tabs.

Site is:http://www.rosedakinjewellery.com.au...ain_page=index

The login box at the end is styled slightly different.

Look for:

div#dropMenu li a.noLine {border:none;}

And style accordingly, it looks like you need to put a border around it to make it look like the rest.

If you want the drop down's removed you can find the code in here:

includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php

Always back up your files first.

Personally i'd keep it like it is and just change the background of your drop down to something like white.

Or try this first:

Replace:

div#dropMenu li a.noLine {border:none;}

With:

div#dropMenu li a.noLine {}