[Joomla Tutorials]How To Add Drop Down Menu For Joomla

Joomla is latest trending Content Management Platform . joomla Have so many users now.This tutorial Is Tell “how to add drop down menu for joomla”.Its Help To Add Drop Down Menu in joomla blog.This Drop Down Menu Is Easy To Use And Set With A Simple joomla drop down menu extension.this extention is works with joomla blogs and easy to set your drop down menu for joomla .

Menu for Joomla

 Drop Down Menu For Joomla

 Tutorial Of Drop Down Menu For Joomla

Step 1.You need to install the Extended Menu module in your Joomla application.  The module can be downloaded from the Official website of its creators.

 Step 2.Go to Extensions -> Module Manager and click on the newly installed Extended Menu module.

 Step 3. Now you have to configure the Extended Menu module. It provides you with the ability to set many different variables that change the way your menus will work. You can, however, leave most of the settings in their default values. You can only change the Menu Style option to Tree List ,Active Menu Class to Both, Enable Menu Template to No and Element Id to Yes. In addition you have to select which menu should be loaded from the Menu Name drop-down box.

 Step 4. Now you have to organize your menus properly in order to make them display as a drop-down menus. For the purpose of this tutorial we will create a sub-enu of the Features menu and display it as a drop-down. To do this go to the Menus -> Top Menu(or if you changed the name of this menu – the one you have set) page and click on the New button. Once you set your menu to display the desired content, make sure you set its “parent” menu. In our case that will be the Features menu.

 Step 5. Finally you should add to your CSS file some lines that specify the behavior of the drop-down menu. You can simply add those lines at the end of the stylesheet file of your template (usually template.css):

ul#menulist_root li ul {
display:none;
}
ul#menulist_root li:hover ul{
display:block;
background:none;
}
ul#menulist_root li ul li{
background:#000000;
opacity:.85;
filter: alpha(opacity=85);
-moz-opacity: 0.85;
clear:both;
}
ul#menulist_root li ul li a{
background:none;
width:66px;
}
ul#menulist_root li ul li a:hover{
color:#AA0000;
background:none;
}

This style sheet will display a stylish, transperant drop-down menu once you point your mouse to the Features menu (i.e. on hover). You can use different CSS to achieve the looks you want for your menus.

Well done! you have successfully added a stylish horizontal drop-down menu to your Joomla website! Is you are failed in this way for add drop down menu for joomla then take a look on below another way for add drop down menu in joomla.

 Another Way For Add Drop Down Menu In Joomla

Use Below Extension For Add Drop Down Menu For Your Joomla Blog.Below extension Is very easy to add drop down menu for joomla.

Joomla Drop Down MenuExtension Name : SuperFish Drop Down Menu

Joomla Drop Down menu extention page URL :

http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/drop-a-tab-menus/6731

About This Joomla  Drop Down Menu Extension :

Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu (so it degradesgracefully withoutJavaScript) and adds many features.

I took Superfish and combined it with amenu module to easily create andmanipulate dropdown menus. Comes with many configuration options such as shadows, arrows, vertical menu, horizontal menu, navbar menu, iframe for IE6 use, fade in, slide in, fade and slide in, opacity, intelligent
mouseover handling, and more.

To learn more about Superfish, visit:
http://users.tpg.com.au/j_birch/plugins/superfish

Note:Please note that this is an example tutorial. Exact steps might differ depending on the Joomla 1.5 template you are using for your website. In order to successfully accomplish creating a drop-down menu it might require at least basic knowledge of Joomla 1.5 CSS and the ability to adjust the CSS code according to the specific needs of your website.

Hope You This Joomla Drop Down Menu Tutorial Is Helpful To You.Enjoy Drop Down Menu For Joomla .

5 Responses to “[Joomla Tutorials]How To Add Drop Down Menu For Joomla”

  1. This blog Is very informative, very nice share 🙂

  2. Seo Pakistan says:

    very nice share thank you

  3. Joomla Web Developers says:

    Nice Post. Thanks for sharing your experience of Joomla with us. Keep posting.

  4. Emil Latiker says:

    I just want to tell you that I am just beginner to blogging and really liked this website. Very likely I’m planning to bookmark your blog . You certainly have good posts. Kudos for sharing your webpage.

Leave a Reply

CommentLuv badge

© 2017 Daily Blog Tools. All rights reserved. Site Admin · Entries RSS · Comments RSS
Powered by WordPress · Designed by Theme Junkie