Here at, we enjoy empowering Joomla! newbies by providing fancy functionality in a simple way - we enjoy making website design easy. Great web site design does not need to come at a high price. We enjoy providing simple modules with a nice function which under normal circumstances would require extensive tweaking and possibly endless frustration. We get frustrated so you don't have to - design website made easy :) Here's a few examples of how we help you: SEO for Joomla!, how to make Joomla load fast, and increase website traffic with social media!

With that intro, we present our latest module - DC Joomla! Gooey menu. It is easy to achieve a nice web site design using this module. Basically, this is a version of the Joomla! menu module which creates a great bouncing effect, which you can easily implement within your Joomla! website. Basically, we are providing the functionality of the Dynamic Drive Gooey menu within Joomla!

jQuery Gooey Menu uses the popular "lava lamp" effect to create CSS menus with a moving gooey background effect. Whenever the mouse moves over a menu item, the desired style that indicates the selected menu item follows the mouse to that item, smoothly highlighting the currently active item. Each menu is simply a standard UL list and is very easy to customize, including the gooey effect itself.


Below is a demo of the way the menus will appear once it is live on your website.






Joomla 2.5 and Joomla 3.0 - Buy me a BEER version €3 (small donation towards development)

Joomla 2.5 and Joomla 3.0 (FREE)

There is no version for Joomla 1.5

The module is very easy to use. There are three main parameters which you need to set.

  1. Menu - the menu which you want to appear as the Gooey menu
  2. Gel Button color - to make it simpler for you, we have prepared a number of colors. It is recommended you go into the CSS files and change them to suit the style of your website
  3. Gel Button style - this allows you to choose from the various effects
    • Gel button menu - the gooey effect, or gel button (as Demo 1 above)
    • Solid block menu - a solid block with a gradient backgroud (see Demo 2 above)
    • Underline menu - a thick underline menu (see Demo 3 above)
    • Frame menu - a thick block with a transparent background

Known Limitations

Due to the nature of the Gooey menu script, multiple level menus are not supported. If the menu contains multiple levels, then it will not work correctly, because there is no styling to suit the embedded <li>




Please post to the the comments below if you need help in configuring the module.


Do you like this module? - Please do buy me a beer (€3)


If you liked this module, please consider buying me a beer. Every drop counts! No guarantees that any donations will be spent on new development rather than beer, though every effort will be made to spend all donations on new developments. Seriously, a lot of time goes into developing and maintaining each of our modules and we don't make nowhere near enough to compensate for the time spent. If you are using this module for commercial reasons, please seriously consider donating a beer or two :) Please do! It will inspire us to keep developing.

Donate a beer here


One more thing... Did you know that people who share useful stuff like this post look AWESOME too? ;-)
Please leave a useful comment with your thoughts, then share this on your Facebook group(s) who would find this useful and let's reap the benefits together. Thank you for sharing and being nice!

Featured On

Inc Magazine Logo  

Sitepoint logo  

CSS Tricks logo   

webdesignerdepot logo   WPMU DEV logo   

and many more!


Get Started Now With ShutterstockShutterstock

Best Rated Caching Plugin

Make your website faster 

Monstrous B-Day Party

CLICK HERE for discounts!

Monstrous bday party

How to make your website FAST!

Step-by-step - free email course, how to make your website load in less than 1 second 


The Outstanding HungryJPEG Bundles

AWESOMENESS! Bundles of premium font + graphic packs at more than 96% OFF!  Get a bundle for just $9 - ONLY!

The Hungry JPEG Awesome font bundles


Work with

CollectiveRay (formerly known as DART Creations) is interested in developing partnerships with mutual benefit. If you like the stuff we publish and would like to develop a relationship, we'd be happy to hear from you. Go on - drop us a line - we'd love to hear from you :-)


Disclosure: CollectiveRay is funded personally out of pure passion for helping people working with websites. We do however generate some income through recommendations of products. This means if you click on a link and purchase an item we link to, we will receive a small sum out of that sale. We usually partner with vendors to make your purchase cheaper than buying direct.


InMotion Hosting CollectiveRay Deal

who are we?

CollectiveRay is run by David Attard - working in and around the web design niche for more than 12 years, we provide actionable tips for people who work with and on websites. We also run - a website for drone hobbyists.

David attard

Follow us on Social

Follow us on Facebook   Subscribe to our RSS Feed   Follow us on Twitter


Where are we hosted?

This site is proudly powered by FAST VPS InMotion Servers and given an insane speed thanks to StackPath CDN!

Web Hosting stackpath


Popular Content

Joomla extensions to take your website to the NEXT level

Is your Joomla website reaching its full potential? We install many of these extensions on almost ALL of our Joomla sites - why don't you check them out our list of Joomla Extensions and see whether you can take your site to the next level?