Elxis CMS Forum

Extensions => Modules => Topic started by: xmanhattan on November 05, 2009, 12:42:08

Title: top menu with sub menu
Post by: xmanhattan on November 05, 2009, 12:42:08
Hello all,

I want to make the top menu look like this when a user mouse hovers over a menu button, e.g. menu2 displays sub menus on the next line:

menu1     menu2      menu3       ...
sub2a    sub2b    sub2c   sub2d       ....
 
Am I using the wrong mod IOS DV MENU or should I simply change css?

Title: Re: top menu with sub menu
Post by: xmanhattan on November 05, 2009, 19:25:12
Found an example of what I want to see.

Professional dropline #5
http://www.stunicholls.com/menu/pro_dropline_5.html (http://www.stunicholls.com/menu/pro_dropline_5.html)

Title: Re: top menu with sub menu
Post by: webgift on November 06, 2009, 12:11:05
Is this good ?

http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm

Manually you must create it!
Title: Re: top menu with sub menu
Post by: xmanhattan on November 06, 2009, 13:15:29
$webgift,

Thank you but the example that I have shown (Professional dropline #5) is what I want to do.

The question is whether I can use one of the navigation extensions or should do I have to start from scratch to do it using css and javascript?

Title: Re: top menu with sub menu
Post by: azmi2 on November 21, 2012, 10:11:15
i am using elxis extension menu module EI Superfish Menu.i install it configure and working,but when i keep mouse on one of item of top menu,it shows its sub menu perfectly,but problem is tab is also expand equal to width of its sub menus,can u some body  guide me how can i short this problem.i am attaching a screen shot for your kind reference.
Title: Re: top menu with sub menu
Post by: xmanhattan on November 22, 2012, 17:12:43
Try this one instead, it works better.

http://www.elxis-downloads.com/downloads/menus/293.html (http://www.elxis-downloads.com/downloads/menus/293.html)

set to top
Put into the CSS class: sf-menu
publish

refresh your browser.
Title: Re: top menu with sub menu
Post by: azmi2 on November 22, 2012, 19:48:32
i tried what you advices but still same problem ,do you think i am creating menu in wrong way.first of all i create e-business link,then under this some link for one of link and then under this some more for some other link

can u guide me step by step how we can create top menu by EI-Superfish menu.for help appreciated.


i just problem why this tab e-business expand.
Title: Re: top menu with sub menu
Post by: xmanhattan on November 23, 2012, 10:06:50
azmi2,

Placing the mouse over the ebusiness is working correcly.  It opens because the mouse hovers over it.  When you move the mouse away it should return to its previous state.  The Superfish menu also has timing parameters, delay and speed time to adjust how fast and how long the menu opens.

If you want the menu to work differently then you will have to change the CSS.  Look in the folder of modules for the menu that you installed and in there you will find the css of the menu.  Also have a look on google for css menu horizontal to see how to style the menu.

You should review the organization of your menu so that only say 2 or 3 menu items are under ebusiness.
Title: Re: top menu with sub menu
Post by: azmi2 on November 23, 2012, 18:55:43
its not a problem for timing,i just want why the tab i keep mouse expand same width of the all submenu.i want same as in ei superfish menu

thanks
Title: Re: top menu with sub menu
Post by: azmi2 on November 23, 2012, 19:28:20
i am attaching some examples for menu.please i am requesting some body guide me how could i make this type of menu.
i need attached image type menu,can some body guide me please.
Title: Re: top menu with sub menu
Post by: xmanhattan on November 24, 2012, 11:15:16
The menu that you show in the image can be done by changing the CSS.  You can use the css from the menu you show in the image and copy it into template_css.css then use the class or id in the module where CSS class: sf-menu previously.
Title: Re: top menu with sub menu
Post by: azmi2 on November 24, 2012, 13:19:43
i could not understand,i tried my best,can you please write some details please.

thanks