Page 1 of 1

Overlay Menu (FREE)

Posted: Fri May 04, 2012 7:14 pm
by Adendum
This extension is based on Mary Lou's (CoDrops) Overlay Menu. Original code here.

Overlay Menu is a simple jQuery navigation tool that allows UP TO five (5) main tabs. Each tab produces a drop down panel that can contain three (3) columns of seven (7) linked menu items. Therefore the maximum links possible is 105.

The drop down panel can display either 1, 2 or 3 columns of linked menu items.

Once a tab takes focus the background will be overlayed with an opacity set by the extension so that the menu remains the focus for the visitor.
Overlay Menu-2.jpg
Lots of potential. Demo available at the usual place (see sig)

Please read the help file before requesting assistance.........the help files take quite a while to put together, so don't be lazy!

Enjoy. :D

Re: Overlay Menu (FREE)

Posted: Mon May 07, 2012 11:58 pm
by jordan
as always index update mail appreciated Paul.!

Re: Overlay Menu (FREE)

Posted: Tue May 08, 2012 8:23 am
by stamjoe
just the time I needed it ...
Thansk Paul!!!

Re: Overlay Menu (FREE)

Posted: Sun May 13, 2012 12:06 pm
by FPA
It's a cool menu but 5 columns is not enough for what I need to achieve.
Can anyone please let me know how to add more columns to this menu?

Cheers.

Re: Overlay Menu (FREE)

Posted: Sun May 13, 2012 3:07 pm
by Adendum
The menu is provided as is based on the CoDrops code. You have the option to have 1, 2, 3, 4 or 5 buttons and each button provides options to have 1, 2 or 3 columns containing 7 menu items in each column - that's 105 linkable menu items.

If you want more buttons, there is a way to do this but if you want more columns within each of the drop downs you can't.

Re: Overlay Menu (FREE)

Posted: Sun May 13, 2012 4:43 pm
by FPA
Thanks for your reply. Indeed I need more buttons/Tabs, 8 exactly.
Please let me know how to proceed and thanks for your help.

Re: Overlay Menu (FREE)

Posted: Sun May 13, 2012 6:39 pm
by Adendum
FPA,

Well, I had a THEORY - I haven't tried this yet and wont be able to for a couple of days......and it involved inlineFrames. You can't have two instances on the same page so you'll need to set up a separate page that just holds the extension. Both instances of the menu will use the same CSS and JS files but the HTML needs to be separate. So the theory was....

[1] create a new page (or two pages as I suggested), add the extension, customise as required.
[2] where you require the navigation add two inlineFrames. Link one to nav1.html and the other to nav2.html.

But that cant work as [1] you need to allow for the drop downs, the extension uses the background image of the page it is on and [c] it's messy! So forget that........I'll need to have a think! :cry:

Re: Overlay Menu (FREE)

Posted: Sun Oct 13, 2013 7:16 am
by zinc
Paul;

This is a cracking menu!!!! Love it! Thanks,.

Re: Overlay Menu (FREE)

Posted: Sun Oct 13, 2013 9:30 pm
by Adendum
lol...it's been around for a while!