CSS3 Kick-Butt-Mega-Menu (free)

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.

There are already more than 250 extensions available!
User avatar
Adendum
 
 
Posts: 777
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

CSS3 Kick-Butt-Mega-Menu (free)

Post by Adendum » Wed Oct 26, 2011 11:47 pm

The CSS3 Kick-Butt-Mega-Menu is now available from the main extension site - here and also from my extension demo site. The help file is also available online from the same page.

This extension is based on Guillaume Marty's Kick-Butt CSS3 Mega Drop-Down Menu. Original demo here and original code here. Works fully in all browsers supporting CSS3 and provides a massive potential for navigational enhancement. All CSS3 features work properly in Safari, Chrome, Opera and Firefox.

This is a complex extension and will require you to spend some time entering the many various properties and experimenting with the published results. You are strongly urged to fully read the help file before using this extension (or before contacting me for support issues).

PLEASE READ THE HELP FILE BEFORE REQUESTING SUPPORT.

Demo of the extension
Last edited by Adendum on Fri Feb 27, 2015 2:59 pm, edited 1 time in total.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

User avatar
madebyibloo
 
 
Posts: 379
Joined: Fri Mar 27, 2009 3:58 pm
Location: East Yorkshire, United Kingdom
Contact:

Re: CSS3 Kick-Butt-Mega-Menu (free)

Post by madebyibloo » Thu Oct 27, 2011 12:08 am

wow! excellent work Paul! love it



Cheers,
Scott
Cheers,
Scott


creating the new, together.

User avatar
amrajadhyaksha
 
 
Posts: 162
Joined: Thu Apr 09, 2009 2:26 am
Location: mumbai
Contact:

Re: CSS3 Kick-Butt-Mega-Menu (free)

Post by amrajadhyaksha » Thu Oct 27, 2011 2:42 am

A prayer answered.
It even aligns the last tabs' fly outs to the left instead of flying out of the frame to the right. Wow!
Thank you, Paul.
Would also be great if you could create a simple drop down (without images or description boxes ) but with adjustable alignment left or right for the drop down as you have done here.

User avatar
zinc
 
 
Posts: 1514
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom

Re: CSS3 Kick-Butt-Mega-Menu (free)

Post by zinc » Thu Oct 27, 2011 6:41 am

Way to go Paul!!! Nice one

User avatar
Adendum
 
 
Posts: 777
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: CSS3 Kick-Butt-Mega-Menu (free)

Post by Adendum » Thu Oct 27, 2011 11:06 am

amrajadhyaksha wrote:A prayer answered.
It even aligns the last tabs' fly outs to the left instead of flying out of the frame to the right. Wow!
Thank you, Paul.
Would also be great if you could create a simple drop down (without images or description boxes ) but with adjustable alignment left or right for the drop down as you have done here.
You can create your own menu using this extension that has just simple lists in the drop downs and you can set more than one menu button to appear on the right hand side. Furthermore you can set any of the drop downs to be aligned to the right, not just the last one in the sequence.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

User avatar
hmol
 
 
Posts: 17
Joined: Wed Apr 07, 2010 1:53 pm

Re: CSS3 Kick-Butt-Mega-Menu (free)

Post by hmol » Thu Oct 27, 2011 12:44 pm

This great!!! What a good extention!
Keep up the good work!!!

:) :D

User avatar
amrajadhyaksha
 
 
Posts: 162
Joined: Thu Apr 09, 2009 2:26 am
Location: mumbai
Contact:

Re: CSS3 Kick-Butt-Mega-Menu (free)

Post by amrajadhyaksha » Thu Oct 27, 2011 1:28 pm

Adendum wrote:You can create your own menu using this extension that has just simple lists in the drop downs and you can set more than one menu button to appear on the right hand side. Furthermore you can set any of the drop downs to be aligned to the right, not just the last one in the sequence.
Did not think of that, but then that puts me in the same league as Sir Isaac Newton who made two holes for his cat and her kitten to pass through, one large, one small :wink:
Thanks for pointing this out.

Patr100
 
 
Posts: 184
Joined: Tue Dec 25, 2007 10:52 pm

Re: CSS3 Kick-Butt-Mega-Menu (free)

Post by Patr100 » Thu Oct 27, 2011 1:43 pm

Adendum, while I might not always immediately have a working site to use your extensions
I want to thank you for your contributions - this looks really impressive as have many others you produce .
Appreciate your work in bringing us these options.

User avatar
Pascal-Gilles
 
 
Posts: 103
Joined: Tue Apr 05, 2011 8:06 pm
Location: France
Contact:

Re: CSS3 Kick-Butt-Mega-Menu (free)

Post by Pascal-Gilles » Fri Oct 28, 2011 12:10 pm

Hi Paul,

Just 3 words: Te-rri-fic !

I was just wondering if we could have some menu items with only a link, no sub menu ?

User avatar
Adendum
 
 
Posts: 777
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: CSS3 Kick-Butt-Mega-Menu (free)

Post by Adendum » Fri Oct 28, 2011 12:21 pm

Not in its current form. I'll have a think about that.

The idea behind this menu is that you have a lot of information to add to enhance the navigation experience. So it's really aimed at sites that need to use the drop down features and add explanatory text and images, as per the demo.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

User avatar
Adendum
 
 
Posts: 777
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

UPDATED: CSS3 Kick-Butt-Mega-Menu (free)

Post by Adendum » Fri Nov 11, 2011 8:06 am

10/11/11 : Having only realised I could do this yesterday (doh!) I have modified this extension (and all my extensions - see list below) so that the live rendering of the extension in design view is greatly improved. In many cases the design view will take on a background colour you set in the extension properties.

Updates available from the WWB extensions site and my own demo site. Remember to check out the extensions listed below.

Anything Slider
Automated ToolTip
Directory Listing
Elastic Thumbnail Menu
Image Information Panels
Image Swap Menu
Orbit Slider
Photo Info
Simple Horizontal Accordion
Slide Down Box Menu
Stacked Images
tab Slide Out
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

User avatar
Pascal-Gilles
 
 
Posts: 103
Joined: Tue Apr 05, 2011 8:06 pm
Location: France
Contact:

Re: CSS3 Kick-Butt-Mega-Menu (free)

Post by Pascal-Gilles » Sun Nov 13, 2011 5:54 pm

Adendum wrote:Not in its current form. I'll have a think about that.

The idea behind this menu is that you have a lot of information to add to enhance the navigation experience. So it's really aimed at sites that need to use the drop down features and add explanatory text and images, as per the demo.
Hi Paul,

Just coming back on this subject. I really love your extension and I would like to implement it.
The only thing that holds me is that need to make submenus for every item.

So, if you update it with a possibility to make unactive submenus, please give me a sign ! :wink:

User avatar
Adendum
 
 
Posts: 777
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: CSS3 Kick-Butt-Mega-Menu (free)

Post by Adendum » Sun Nov 13, 2011 6:22 pm

Crochpattes,

Just so I am 100% clear - what you are looking for is the option to have a top level menu button that has no drop down and can link to a url?

In the mean time, to get 'close' to that you could make the drop down a simple List style and add the link to the page in that. Not exactly what you are looking for I know but I suspect it will take me a while to get around that request.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

User avatar
Pascal-Gilles
 
 
Posts: 103
Joined: Tue Apr 05, 2011 8:06 pm
Location: France
Contact:

Re: CSS3 Kick-Butt-Mega-Menu (free)

Post by Pascal-Gilles » Sun Nov 13, 2011 6:31 pm

Adendum wrote:Crochpattes,

Just so I am 100% clear - what you are looking for is the option to have a top level menu button that has no drop down and can link to a url?

In the mean time, to get 'close' to that you could make the drop down a simple List style and add the link to the page in that. Not exactly what you are looking for I know but I suspect it will take me a while to get around that request.
You've understood exactly what I thought about. Don't worry Paul, I'll find another way !

Wish u a nice evening !

Cheers

octane
 
 
Posts: 10
Joined: Wed Nov 23, 2011 2:02 am

Re: CSS3 Kick-Butt-Mega-Menu (free)

Post by octane » Fri Nov 25, 2011 4:28 pm

Just wondering if anyone has problems making this extension work in version 8 of Web Builder?

I can't seem to get it to show up in the "Extensions" toolbox?

any ideas?

Post Reply

Who is online

Users browsing this forum: No registered users and 7 guests